Question on Css img? (fixed)

by **Big_w** » Tue Feb 02, 2010 11:22 pm

Hi, quick question, im trying to style the css background img so that it is above the html image, ive tryed using the z-index method but with no luck do you know what i can do?

http://i50.tinypic.com/2coj4tc.png

Heres the HTMl:

Line number On/Off | Expand/Contract | Select all

<html>
    <head>
        <title></title>
        <link rel='stylesheet' href='style.css' type='text/css'> 
    </head>
<body>
 
<div id="splash">
<div id='splash_img_graident'>
 
<img src="Star_Trek_Movie_2009_New_Enterprise_Crew_freecomputerdesktopwallpaper_1024.jpg" alt="image" width="1024" height="347" />
 
</div>
</div>
 
</body>
</html>
 

The style.css:

Line number On/Off | Expand/Contract | Select all

#splash_img.img{
z-index: 2;
}
 
#splash_img_graident {
background-image: url(gradient.gif);
z-index: 1;
}

Thank you

**Advertisment**

by **wide_load** » Wed Feb 03, 2010 1:13 am

you meen you want gradient.gif on top of Star_Trek_Movie_2009_New_Enterprise_Crew_freecomputerdesktopwallpaper_1024.jpg (terrible file name btw) ???

if so you cant have them in the same div like that, z-index will be moving the div up or down (including the content) if you put them in seperate divs you should be able to change the order either by using z-index, or by knowing that the browser starts from the top of the html and will put things on top of things already on the page. Things lower in the HTML are "above" things above them

by **libeco** » Wed Feb 03, 2010 7:17 pm

z-index ONLY works on items which have a position property. So in addition to wide_load's suggestion, also set the position to absolute or relative.

by **Big_w** » Wed Feb 03, 2010 8:32 pm

Brilliant with some jiggling about ive got it working that you

Yeah the Image name was just what it was called on a site, its just a quick test im doing.

Thanks again.

phpacademy Forum

Question on Css img? (fixed) [SOLVED]

Question on Css img? (fixed)

Re: Question on Css img? (fixed)

Re: Question on Css img?

Re: Question on Css img? [SOLVED]

Re: Question on Css img?

Who's online?