[問題] 為何z-index的值大於另一個圖層 還是會被蓋掉?
.query_detail{
position: relative;
z-index: 1;
}
.query_detail_hide {
display: none;
}
.query_detail_show {
display: block;
position: absolute;
white-space: nowrap;
float: left;
top: 4em;
left: -4em;
padding: 5px 10px 15px 5px;
background: #cec;
border: 1px solid #9c9;
font-weight: bolder;
z-index: 100;
}
css長這個樣子，網頁長下面這個樣子
透過mouse over和out會去設定裡面的span的class為hide或show
<span xmlns:py="http://purl.org/kid/ns#" class="query_detail"
onMouseOver="showDetail('${analysis.id}_label', true)"
onMouseOut="showDetail('${analysis.id}_label', false)">
<span>${analysis.name} ${analysis.chineseName}</span>
<span id="${analysis.id}_label" class='query_detail_hide'>
<div>
${analysis.name}
</div>
<div>
${analysis.chineseName}
</div>
<div>
公式 : ${analysis.formula}
</div>
<div>
描述 : ${analysis.description}
</div>
</span>
</span>
網址在這裡
http://victorlin.serveftp.org:8080/report
不是z-index大就會在前面嗎? 可是我這個例子很奇怪
那些字${analysis.name} ${analysis.chineseName}會顯示在圖層前面
除非我把.query_detail的z-index那行砍掉
在FireFox字就會變成在後面，可是在ie還是一樣字跑到圖層前面來了
這是何解 囧rz
--
※ 發信站: 批踢踢實業坊(ptt.cc)
◆ From: 118.170.137.76
推
07/29 23:30, , 1F
07/29 23:30, 1F
→
07/30 21:58, , 2F
07/30 21:58, 2F