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]
*******************************************************************
