[問題] CSS的Z-index問題
最近做網頁時遇到了關於Z-index的問題,
因為原本的CSS是在FreeCSSTemplate抓的,
他的sidebar疊了兩個DIV,利用了z-index來控制背景色
我在原本的sidebar上利用JavaScript來隱藏某些選項,
這些選項要在onclick之後顯現。
問題來了,在FIREFOX上可以正常顯示
但在IE上,選項會被DIV的background color吃掉,
請問有什麼辦法解決 Orz
下面是我的CSS以及HTML (Firefox圖片http://0rz.tw/ac4Yv IE http://0rz.tw/b84RU )
<CSS>
#menu {
padding: 20px;
background: #85C329 url(images/img04.gif) repeat-x;
z-index:1;
}
#menu ul {
margin: 0;
padding: 0;
list-style: none;
}
#menu li {
padding: 10px 0;
background: url(images/img05.gif) repeat-x;
}
<HTML碼>(僅列出一部分)
<div id="menu">
<ul>
<li><a href="index.php">Home</a></li>
<li><a href="javascript:void(0)" onclick="expandmenu('sub1');">Professor</a></li>
<div style="display:none" id="sub1" >
<ul>
<li><a href="#">-Bioaphy</a></li>
<li><a href="#">-Writings</a></li>
</ul>
</div>
</ul>
</div>
--
※ 發信站: 批踢踢實業坊(ptt.cc)
◆ From: 163.13.127.15
※ 編輯: kiyo7777 來自: 163.13.127.15 (10/13 18:58)
※ 編輯: kiyo7777 來自: 163.13.127.15 (10/13 18:59)