jeromebrill
01-30-2008, 06:13 PM
I have a div above another div. The top div has an image placed inside that has transparency. In FF it works fine. Although In IE7 it acts weird. Its not full transparent. Upper right youtube image (http://www.myspace.com/jeromebrill)
Here is my code:
.youtubebutton {
position: absolute;
left: 50%;
top:0px;
width:200px;
height:124
z-index: 2;
margin-left: 200px;
}
<div class="youtubebutton">
<A HREF="http://www.msplinks.com/MDFodHRwOi8vd3d3LnlvdXR1YmUuY29tL2pzb21lYnVkZHk=" class="highlightit">
<img border="0" src="http://www.geocities.com/jeromebrill/myspace/checkmeout.png"/></a>
</div>
for some odd reason this code ^ is adding \ ignore them
UPDATE: got it to work, although I lost my roll over. I guess my class which changes the transparency on roll over was messing it up.
Here is my code:
.youtubebutton {
position: absolute;
left: 50%;
top:0px;
width:200px;
height:124
z-index: 2;
margin-left: 200px;
}
<div class="youtubebutton">
<A HREF="http://www.msplinks.com/MDFodHRwOi8vd3d3LnlvdXR1YmUuY29tL2pzb21lYnVkZHk=" class="highlightit">
<img border="0" src="http://www.geocities.com/jeromebrill/myspace/checkmeout.png"/></a>
</div>
for some odd reason this code ^ is adding \ ignore them
UPDATE: got it to work, although I lost my roll over. I guess my class which changes the transparency on roll over was messing it up.