這一段CSS代碼相當(dāng)簡單,目的就是想用CSS來控制某段文字的顯示與隱藏。起初我采用了下面的代碼,令人不可思議的是,它們在我的IE6.0上居然沒有任何反應(yīng),大家不信可以親自試驗(yàn)一下。
我仔仔細(xì)細(xì)地檢查了一遍代碼,實(shí)在找不到什么毛病來。沒有辦法,我只能像平時(shí)查錯(cuò)糾錯(cuò)一樣,試著改改CSS里的代碼。當(dāng)我改變了hover偽類鏈接中的代碼時(shí)(代碼如下所示),突然發(fā)現(xiàn)代碼可以運(yùn)行了。
為了確認(rèn)CSS是否真存在該bug,我又特地改用大小、顏色、位置等樣式來試驗(yàn),在不改變hover偽類鏈接的前提下,都無法得到正常情況下應(yīng)得到的效果。從而可以得知:在包含選擇符有偽類鏈接時(shí),存在著CSS樣式無效的bug,希望CSS下一版中能修正這個(gè)錯(cuò)誤。
a:hover {text-decoration:none;border:none;}
這樣我們可以知道,在hover偽類鏈接中必須包含某些特殊的CSS屬性聲明才能消除這個(gè)bug。 我用了CSS里所有的屬性聲明來嘗試解決這個(gè)bug,發(fā)現(xiàn)只有一下幾項(xiàng)屬性聲明能解決這個(gè)問題。
border
display
postion
overfilow
background
而我之所以采用“border:none”這種方法,是因?yàn)樗能從Netscape 4中消除一些不同的CSS錯(cuò)誤。
注:本文所提及的bug在IE5.5、IE6.0中均存在。