日韩天天综合网_野战两个奶头被亲到高潮_亚洲日韩欧美精品综合_av女人天堂污污污_视频一区**字幕无弹窗_国产亚洲欧美小视频_国内性爱精品在线免费视频_国产一级电影在线播放_日韩欧美内地福利_亚洲一二三不卡片区

CSS實(shí)例:區(qū)分IE6、IE7、FF對(duì)HR解釋的CSShack_DIV+CSS實(shí)例

編輯Tag賺U幣
教程Tag:暫無(wú)Tag,歡迎添加,賺取U幣!
  因?yàn)镮E和Firefox對(duì)hr默認(rèn)的各種屬性margin,padding等等都不一樣,所以定義為0也沒(méi)用。
  我們可以通過(guò)下面的CSS hack來(lái)解決:

示例代碼 [hl5o.cn]
hr.ducky{
margin-bottom:1px !important;
>margin-bottom:8px !important;
margin-bottom:8px
}

  不只是針對(duì)hr,這只是一個(gè)例子。IE6和IE7對(duì)hr邊距margin的解釋是一樣的,所以都定為8px,F(xiàn)irefox與IE有區(qū)別,下邊距只能為1px。

  第一條IE6,IE7,F(xiàn)irefox都讀懂,這時(shí)候都是1px;第二條IE6,IE7能讀懂,都用第二條的8px覆蓋了第一條的1px,F(xiàn)irefox不懂,跳到分號(hào)以后的下一條,這時(shí)候IE6,IE7是8px,F(xiàn)F是1px;第三句IE6,IE7,F(xiàn)F都讀懂,因?yàn)镮E6本身的BUG,所以用第三條覆蓋了第二條,IE7因?yàn)榈诙䲢l的!important所以忽視第三條,F(xiàn)F同理忽視第三條。

  這個(gè)時(shí)候,IE6看第三條,IE7看第二條,F(xiàn)F看第一條。雖然在這個(gè)例子里,第三條沒(méi)有必要,因?yàn)镮E6與IE7對(duì)hr的解釋是一樣的,但是這里是可以對(duì)三種瀏覽器版本賦予不同的值。

  dUcky認(rèn)為最好的情況就是不用hack,只要寫(xiě)的規(guī)范,一般問(wèn)題不大,假如有一些差別的話,只要以IE作為第一瀏覽效果,F(xiàn)F稍微有點(diǎn)區(qū)別都沒(méi)關(guān)系,沒(méi)必要hack,不然維護(hù)起來(lái)很麻煩,當(dāng)然只是我的想法。
  

來(lái)源:無(wú)憂整理//所屬分類(lèi):DIV+CSS實(shí)例/更新時(shí)間:2007-08-24
相關(guān)DIV+CSS實(shí)例