Can't display layer in internet explorer
I am trying to display a logo (color white, background transparent, png format) as a layer over a graphic in a web page. I have tried one hundred things and can't get it to work. Note: display in Mozilla Firefox is perfect. White logo does not show up in Internet explorer.
Currently trying something like this:
<BODY BGCOLOR="#FFFFFF" background="picts/background-main.jpg" TEXT="#000000" LINK="#4E172A" VLINK="#4E172A" ALINK="#666666" leftmargin="0" rightmargin="0" topmargin="0" bottommargin="0" marginheight="0" marginwidth="0">
<!-- PAGE TABLE-->
<div id="bottomlayer" style="position:relative; z-index:1">
<TABLE cellpadding="0" cellspacing="0" border="0" width="100%" HEIGHT="100%">
<div id="logolayer" style="position:absolute; visibility:visible left:27px; top:30px; width:491px; height:123px; layer-background-image: url(picts/banner.png); border: 1px none #000000; z-index:2"><img src="picts/banner.png" width="720" height="125"></div>
.
.
.
</div> <!-- end div for bottom layer -->
Can anyone out there help me??
Why not using photoshop...
I've already tried the background-image code, as listed below. It made no difference.
The reason I'm not using photoshop is because the banner image is set to stretch to 100% the width of the browser. I can't do that with the logo in it.
Any other ideas??
Thanks for the reference!
I will definitely check out the other two forums. THANKS!!