Xpoint
   [напомнить пароль]

Полупрозрачность в IE6

Метки: [без меток]
2008-04-14 18:13:47 [обр] Daima[досье]

В IE6 png картинки не полупрозрачные, а сами кнопки не ведут себя как ссылки. Следовал советам статьи http://tigir.com/alpha_png.htm но все равно почему-то не работает. В чем же косяк?

зы. все пнг полупрозрачные Код ниже или здесь вместе с картинками http://mircinema.ru/png_ie6.zip

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">

<html>
<head>
<title>Двигатели</title>
<META http-equiv="Content-Type" content="text/html; charset=windows-1251">
<META http-equiv="Content-Language" content="ru">
<style>
#siteNav {float:right;}
   #siteNav li {list-style: none; margin: 0px; padding: 0px; display: inline;}
   #siteNav li a {display: block; float: left; height:23px; cursor:pointer;}

   #siteNav li a span {display: none;}
   
   #siteNav .li1 a:link, #siteNav .li1 a:visited, #siteNav .li1 a:active {background: url("i/but10.png") no-repeat 0px 0px; width: 236px;  filter:expression(fixPNG(this));}

   #siteNav .li2 a:link, #siteNav .li2 a:visited, #siteNav .li2 a:active {background: url("i/but20.png") no-repeat 0px 0px; width: 234px; filter:expression(fixPNG(this));}

   #siteNav .li3 a:link, #siteNav .li3 a:visited, #siteNav .li3 a:active {background: url("i/but30.png") no-repeat 0px 0px; width: 234px; filter:expression(fixPNG(this));}

   #siteNav .li4 a:link, #siteNav .li4 a:visited, #siteNav .li4 a:active {background: url("i/but40.png") no-repeat 0px 0px; width: 277px; filter:expression(fixPNG(this));}

   #siteNav .li1 a:hover {background: url("i/but11.png") no-repeat 0px 0px; width: 236px;}
   #siteNav .li2 a:hover {background: url("i/but21.png") no-repeat 0px 0px; width: 234px;}
   #siteNav .li3 a:hover {background: url("i/but31.png") no-repeat 0px 0px; width: 234px;}
   #siteNav .li4 a:hover {background: url("i/but41.png") no-repeat 0px 0px; width: 277px;}

   #foters {background: url("i/niz.png") no-repeat; width:100%; height:158px; filter:expression(fixPNG(this,"crop")); clear:both; position:relative}

   #sub_but_1 li {list-style: none;}
   

   #sub_but_1 .subli_1  {position:absolute; left:320px; top:10px;}
   #sub_but_1 .subli_2  {position:absolute; left:320px; top:32px;}
   #sub_but_1 .subli_3  {position:absolute; left:320px; top:54px;}
   #sub_but_1 * a:link, 
   #sub_but_1 * a:visited,
   #sub_but_1 * a:hover {display: block; width: 167px; height: 18px; position:relative; filter:expression(fixPNG(this,"crop")); padding-left:20px; margin:0px; padding-top:2px;
                  font-family : Arial;
                  font-size : 11px; 
                  font-weight: bold;
                  color: #a9b5be;
                  text-decoration : none;
                  background: url("i/sub_but0.png") no-repeat 0px 0px; 
                  }

   #sub_but_1 * a:hover {background: url("i/sub_but1.png") no-repeat 0px 0px; color: #ffffff;}
</style>

<script language="javascript">
function fixPNG(element,method,noIE)
{
  
  var methd;
  if (!method) methd='scale'
  else methd=method;
  if (/MSIE (5\.5|6).+Win/.test(navigator.userAgent))
  {
    var src;
    if (element.tagName=='IMG') 
    {
      if (/\.png$/.test(element.src)) 
      {
        src = element.src;
        element.src = "i/x.gif"; 
      }
    }
    else 
    {
      src = element.currentStyle.backgroundImage.match(/url\("(.+\.png)"\)/i);
      if (src)
      {
        src = src[1];
        element.runtimeStyle.backgroundImage="none";
        if (noIE) return;
        
      }
    }
    if (src)
    {
       element.runtimeStyle.filter = "progid:DXImageTransform.Microsoft.AlphaImageLoader(src='" + src + "',sizingMethod='"+methd+"')";

    }
  }
}


</script>

</head>

<body>


      * <ul id="siteNav">
               <li class="li1"><a href=""><span>Luxury Sport Series</span></a>
               <li class="li2"><a href=""><span>Wakesetter Series</span></a>
               <li class="li3"><a href=""><span>Preformance Series</span></a>
               <li class="li4"><a href=""><span>Family Preformance Series</span></a>
               </ul>*
         <div id="foters">
               
               
                     <div
                     *<ul id="sub_but_1">
                     <li class="subli_1"><a href="">Sunscape 20 LSV</a>
                     <li class="subli_2"><a href="">Sunscape 21 LSV</a>
                     <li class="subli_3"><a href="">Sunscape 22 LSV</a>
                     </ul>*
                  </div>



         </div> 

</body>
</html>
спустя 1 год 10 месяцев [обр] Пантилеев Андрей[досье]

посмотрел, посочувствовал...

Таже проблема на http://www.romatti.ru/contacts/

Целый день, и так и сяк но ничего не получается, такое ощущение что скрипт не срабатывает, что-то ему мешает, помогите советом подалуйста

пробывал:

<!--[if IE 5]>

<SCRIPT type="text/javascript">
  alert("Вы используете обозреватель IE с основным номером версии 5");
</SCRIPT>

<![endif]-->

браузер реагирует

Powered by POEM™ Engine Copyright © 2002-2005