Hi Everyone, So I've been having troulbe with IE-PNG relations - not entirely surprising. Doing a search through my WSG archives I found the email to which this responds. The trouble is, it's not working. In fact, it's giving an identical result to no correction. Then again, so does trying backgroud-image: url(.gif).
Code is: hr { height: 12px; background-color: #6e00b4; background-image: url(hr.png); background-repeat: repeat-x; background-attachment: scroll; background-position: 0% 0%; width: 100%; border: none; display: block; color: #000000; } in an external file, then <!--[if lt IE 7]> <script defer type="text/javascript" src="/FC/iepng.js">/* Fix IE's incapacity to handle PNG alpha */</script> <style type="text/css"> /* ... */ hr { background-image: url(hr.gif); } </style> <![endif]--> Working local, so nothing visible I'm afraid. Result I find is black bars where my gradient hrs should be. Same result as for hr { background-image: none; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='hr.png',sizingMethod='scale'); } and also the same without quotes for src= Works perfectly in FX1.5 Thoughts? Regards, Michael On 5/1/06, Stephen Neate <[EMAIL PROTECTED]> wrote:
Hi Kevin, This theory tends to work well for IE and non IE browsers. Below is the css based on the background image of a DIV tag with ID png_background. <style type="text/css"> body { height:100%; } div#png_background { width:344px; // specify width height:215px; // specify height background-image: url(ew.png); } </style> <!--[if IE]> <style> div#png_background { background-image: none; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src=ew.png,sizingMethod='scale'); } </style> <![endif]--> Cheers
-- http://mine.mjec.net/ ******************************************************************* List Guidelines: http://webstandardsgroup.org/mail/guidelines.cfm Unsubscribe: http://webstandardsgroup.org/join/unsubscribe.cfm Help: [EMAIL PROTECTED] *******************************************************************