久久伦理影院I美女亚洲精品I手机色在线I免费韩国avI国产手机免费视频I久久99视频免费I懂色av懂色av粉嫩av分享吧I日本精品一区二区在线观看I开心综合网I国产一区在线观看免费I日韩欧美一区二区三区在线I一区av在线播放I精品综合久久久I日韩一区二区在线免费观看I国产99在线播放I色射色I国产精品一区二区在线免费观看

DW高級(jí)篇:顯示/隱藏引出的CSS Bug

2012/5/9 9:37:13   閱讀:3234    發(fā)布者:3234
目的就是想用CSS來(lái)控制某段文字的顯示與隱藏。起初我采用了下面的代碼,令人不可思議的是,它們?cè)谖业腎E6.0上居然沒(méi)有任何反應(yīng),大家不信可以親自試驗(yàn)一下。

<style type="text/css">
a {font-size:12px;
text-decoration:none;
height:50;}
a:hover {text-decoration:none;}
a span {font-size:12px;
display:none;}
a:hover span {display:block;}
</style>
<a href="#">link<span>內(nèi)容</span></a> 

  為了確認(rèn)CSS是否真存在該bug,我又特地改用大小、顏色、位置等樣式來(lái)試驗(yàn),在不改變hover偽類(lèi)鏈接的前提下,都無(wú)法得到正常情況下應(yīng)得到的效果。從而可以得知:在包含選擇符有偽類(lèi)鏈接時(shí),存在著CSS樣式無(wú)效的bug,希望CSS下一版中能修正這個(gè)錯(cuò)誤。
a:hover {text-decoration:none;border:none;}
  這樣我們可以知道,在hover偽類(lèi)鏈接中必須包含某些特殊的CSS屬性聲明才能消除這個(gè)bug。 我用了CSS里所有的屬性聲明來(lái)嘗試解決這個(gè)bug,發(fā)現(xiàn)只有一下幾項(xiàng)屬性聲明能解決這個(gè)問(wèn)題。
    border
    display
    postion
    overfilow
    background
  而我之所以采用“border:none”這種方法,是因?yàn)樗€能從Netscape 4中消除一些不同的CSS錯(cuò)誤。
  注:本文所提及的bug在IE5.5、IE6.0中均存在。