CSS在ie6的hover

<a id="myStyle"></a>
的狀況下,

#myStyle {
background:#F00;
position:absolute;
display:block;
width:100px;
height:100px;
top:50px;
left:50px;
}

#myStyle:hover {
background:#FF0;
}


這樣的狀況在firefox和ie7下都是好的,

但是在ie6則出現問題,

主要原因還是a的標簽內沒有href造成的,

所以不會有hover的效果。。。

<a id="mystyle" href="/"></a>

這小地方讓我花了些時間去找問題…唉~


=====20100408補充=====


在工作中又發現了一次ie6在hover沒反應的狀況,
這次儘管有了href,
但是圖片仍沒變動,
原因是:
<a href=""><div id="picture"/></a>
工程師把圖片用在a裡面的div上,
導致IE6沒有辦法顯示hover的功效,
所以,
將div的id移到a裡即可。
<a id="picture" href=""></a>

留言

這個網誌中的熱門文章

html嵌入youtube影片當背景,並靜音

css小發現:隱藏捲軸、強迫物件換行

好用的企畫編輯軟體- Axure