[問題] 在Menu想用Png在IE6遇到的問題
我做了一個Menu
在其他瀏覽器都正常主要就是IE6不行
我是這樣寫的
<div id="menu">
<ul>
<li><a href="#">佛法經論<span></span></a></li>
<li><a href="#">中華文化<span></span></a></li>
<li><a href="#">護法放生<span></span></a></li>
<li><a href="#">禮懺法會<span></span></a></li>
<li><a href="#">臨終關懷<span></span></a></li>
<li><a href="#">因果圖鑑<span></span></a></li>
<li><a href="#">專題演講<span></span></a></li>
<li><a href="#">遊歷參訪<span></span></a></li>
</ul> </div>
css部分
#menu ul li{list-style-type:none; float:left; }
#menu ul li a{display:block;width/**/:95px; height/**/:34px;
width:90px!important; height:26px!important;
font-size:14px; color:#F6F3D4; text-decoration:none;
background:url(images/menubg.png) no-repeat right;
behavior:url(images/iepngfix.htc);
padding:8px 0px 0px 5px;
position:relative;
overflow:visible;}
#menu ul li a:hover{color:#FFF;}
#menu ul li a span{display:block; visibility:hidden;width:71px;
height:44px; position:absolute;bottom:-30px;left:8px;}
#menu ul li a:hover span{visibility:visible;
background:url(images/menu_hover.png) no-repeat;
position:absolute;
bottom:-30px;
left:8px; z-index:99;}
span在IE6會被遮掉
另外因為用iepngfix.htc在ie6 hover跑不出span的圖
我又乾脆加入寫一個專屬ie6的css
<!--[if lt IE 7.]>
<script defer type="text/javascript" src="/images/pngfix.js"></script>
<style type="text/css">@import'/themes/art/ie6.css';</style>
<![endif]-->
但是他似乎一直不讀那個CSS
#menu ul li a:hover span{visibility:visible;
filter:progid:DXImageTransform.Microsoft.AlphaImageLoader
(src='images/menu_hover.png');behavior:url(images/iepngfix.htc);
position:absolute;
bottom:-30px;
left:8px;
z-index:99;}
請問我應該是哪邊觀念整個有問題
為何menu中的span用絕對位置後.在ie6還是被遮住
又ie6利用iepngfix.htc遇到hover後會讀不出png
一般不用hover時的背景是能正常出現
然後讀入ie6專屬css,使用微軟專屬慮鏡還是不行....
不好意思看起來很亂
請各位高手幫我看看要怎樣修改才正確
謝謝~!!!
--
※ 發信站: 批踢踢實業坊(ptt.cc)
◆ From: 220.136.182.245
※ 編輯: despair96 來自: 220.136.182.245 (09/01 03:30)
推
09/01 07:24, , 1F
09/01 07:24, 1F
→
09/01 10:58, , 2F
09/01 10:58, 2F
→
09/01 11:01, , 3F
09/01 11:01, 3F
推
09/01 18:31, , 4F
09/01 18:31, 4F
→
09/01 22:58, , 5F
09/01 22:58, 5F