Josh Keighley Josh Keighley - 1 year ago 62
CSS Question

How to prevent the background image from getting blurry

I need to know how to get the background image to not be blurry when text is over it in CSS as it spoils the look of my website if it's blurry.

My CSS is:

background: #ff0000 url(img/rain.jpg) top center repeat-y;
background-size: 100%;

But when I load it up where there is text that line goes blurry and I don't want it to so how do I do this?

Fiddle example

Answer Source

I got it by doing:

background: transparent;

to the h2 and p elements.

Recommended from our users: Dynamic Network Monitoring from WhatsUp Gold from IPSwitch. Free Download