background-color vs background-image

cangrejero · February 20th, 2011, 04:41 PM

My "style.css" reads as follows:

Quote:

@import url('../parentTheme/styles/backgrounds_CSS_only.css');

div#headerandmenuwrapper
{
background: none !important;
background-image: url('images/ACPR-Logo.png') !important);
background-repeat: no-repeat !important;
}

div#header
{
background: none !important;
}

On the other hand, the imported file ("backgrounds_CSS_only.css") reads as follows:

Quote:

div#headerandmenuwrapper
{
background: #0000FF;
}

div#header
{
background: #00FF00;
}

I just can't understand why, if I indicated "background: none !important;" for both "div#headerandmenuwrapper" and "div#header" selectors, the image "background-image: url('images/ACPR-Logo.png') !important);" doesn't show.

The site can be seen "here."

Any guidance is appreciated. Thanks!!!

chroniclemaster1 · February 20th, 2011, 09:39 PM

When I try following the path to this image (http://wp-multisites.com/wp/accesori.../ACPR-Logo.png), it says that it doesn't exist. I would confirm that this is the correct path to your image folder and that the png is present.

I would also avoid using !important if at all possible. It overrides anything making it incredibly difficult to build your stylesheets. It also makes it impossible for users to use their own stylesheets; this typically happens with people who are legally blind or have other special needs and have someone configure a computer for them. However, !important can override those settings and make the page completely unreadable for them.