My preferred method is shrugging at the IE6 users and just let them
see their own browser rendering PNGs as ugly as it can.
/Svip
On 21/02/2008, [EMAIL PROTECTED] <[EMAIL PROTECTED]> wrote:
>
>
>
> Good time of day.
>
>
>
>
> 1. Your mistake:
>
> Addressing in Filter is from your html, not from your css.
>
>
>
>
> 2. Ordinary way to support png, in my practice, is next:
>
>
>
>
> With hack:
>
>
>
>
> css/element.css
>
> css/element_ie.css
>
> images/logo.png
>
> index.html
>
>
>
>
> index.html:
>
> --------------
>
> <link rel="stylesheet" href="css/element.css" type="text/css"/>
>
> ...
>
> <div id="mlogo">
>
> <div id="extradiv1"></div>
>
> <img src="images/logo_header.gif" height="54" width="379" alt="A way
> back - logo"/>
>
> <div id="extradiv2"></div>
>
> </div>
>
>
>
>
> element.css
>
> ---------------
>
> #extradiv1{
>
> background-image: url(../images/logo.png);
>
> background-attachment: scroll;
>
> background-repeat: no-repeat;
>
> background-position: center top;
>
> position:relative;
>
> height: 129px;
>
> width: 120px;
>
> margin: 0 auto;
>
> }
>
>
>
>
> * html #extradiv1{
>
> background: none;
>
> filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/logo.png',
> sizingMethod='scale');
>
> }
>
>
>
>
> Without hack:
>
>
>
>
> css/element.css
>
> css/element_ie.css
>
> images/logo.png
>
> index.html
>
>
>
>
> index.html:
>
> --------------
>
> <link rel="stylesheet" href="css/element.css" type="text/css"/>
>
> <!--[if IE 6]>
>
> <link rel="stylesheet"" href="css/element_ie.css"
> type="text/css"/>
>
> <![endif]-->
>
> ...
>
> <div id="mlogo">
>
> <div id="extradiv1"></div>
>
> <img src="images/logo_header.gif" height="54" width="379" alt="A way
> back - logo"/>
>
> <div id="extradiv2"></div>
>
> </div>
>
>
>
>
> element.css
>
> ---------------
>
> #extradiv1{
>
> background-image: url(../images/logo.png);
>
> background-attachment: scroll;
>
> background-repeat: no-repeat;
>
> background-position: center top;
>
> position:relative;
>
> height: 129px;
>
> width: 120px;
>
> margin: 0 auto;
>
> }
>
>
>
>
> element_ie.css
>
> ----------------
>
> #extradiv1{
>
> background: none;
>
> filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/logo.png',
> sizingMethod='scale');
>
> }
>
>
>
>
>
>
>
> This should work.
>
>
>
>
> ______________________
>
>
>
>
> Raven. Night folk studio.
>
> http://nightfolk.net/
>
> *******************************************************************
> List Guidelines:
> http://webstandardsgroup.org/mail/guidelines.cfm
> Unsubscribe:
> http://webstandardsgroup.org/join/unsubscribe.cfm
> Help: [EMAIL PROTECTED]
> *******************************************************************
*******************************************************************
List Guidelines: http://webstandardsgroup.org/mail/guidelines.cfm
Unsubscribe: http://webstandardsgroup.org/join/unsubscribe.cfm
Help: [EMAIL PROTECTED]
*******************************************************************
