On Nov 27, 2006, at 5:52 PM, Geoff Pack wrote:
Has anyone had any success using AlphaImageLoader with PNGs in CSS
background images in IE6?
Hi Geoff,
I did one sometimes ago.
for non IE
#header h2{
background: url(images/logo.png);
height: 205px;
width: 294px;
position: absolute;
z-index: 300;
left: 300px;
top: 88px;
}
#header h2 span {display: none;} /* FIR p/s. text indent with
-30000px probably works better*/
for IE 6 and 5.5
#header h2{
height: 205px;
width: 294px;
position: absolute;
z-index: 300;
left: 300px;
top: 88px;
background-image: none;
filter: progid:DXImageTransform.Microsoft.AlphaImageLoader
(src='common_images/logo.png'), sizingMethod='scale');
}
and the markup looks like this:
<div id="header">
<h2><span>Company logo</span></h2></div>
The reasons I used the h2 with absolute positioning was because : 1)
company name for SEO; 2) I find placing image in a descendent of a
div easy to controlled as far as absolute positioning concerned
Hope this helps
tee
*******************************************************************
List Guidelines: http://webstandardsgroup.org/mail/guidelines.cfm
Unsubscribe: http://webstandardsgroup.org/join/unsubscribe.cfm
Help: [EMAIL PROTECTED]
*******************************************************************
