Background Image Dark Color

HTML & CSS
1

I have a dark gray brick image I want to use as the background for my site. The problem is that this doesn’t contrast well with the font color, and I do not want white/bright colored font.

So I was wondering what the pro’s do in this type of situation??

Thanks in advance for your thoughts

2

Hehe, the basic answer is that you can’t keep your cake and eat it too. Something will need to give.

A half-way house is to put a semi-transparent background color on the content area, so that the background image is still visible through this background color but is less dark. E.g.

.content-wrapper {
    background: white; /* fallback for old browsers that don't support rgba */
    background: rgba(255,255,255,0.3);
}