Geek Answers Handbook

Background image does not work

It works for me in my HTML, except for the background image: 'images / Header.jpg'; Instead, I see a gray color in the header, but not the image. I tried to remove the gray color, but I can not see the image ...

#outerWrapper #header {
border-bottom: solid 1px #628152; 
font-size: 18px;
font-weight: bold;
line-height: 15px;
height: 115px;
background-color: Grey;
background-image: url('images/Header.jpg');

How can I do this work .. please help .. thanks

+5
source share
4 answers

Look at your page with Firebug for Firefox. You may not be loading the image properly. If you are not sure about this, you can also play with css on the fly.

+2
source

What is the path of your CSS file and the path to it?

, url() CSS CSS, .

, :

/website/index.html
/website/templates/main.css
/website/images/header.jpg

CSS :

.style{background-image:url(../images/header.jpg);} /* Noticed "../"? */
+5

Try changing the url to '/images/Header.jpg'

+2
source

Sure you need a char? And maybe it is case sensitive, and you have an error in the url. maybebackground-image:url(images/header.jpg);

+1
source

More articles:


All Articles