div+css學(xué)習(xí)筆記(ie與fox好多不兼容的問題)

《div+css學(xué)習(xí)筆記(ie與fox好多不兼容的問題)》由會員上傳分享，免費在線閱讀，更多相關(guān)內(nèi)容在學(xué)術(shù)論文-天天文庫。

1、div+css學(xué)習(xí)筆記(IE與fox好多不兼容的問題)一直用ie為準(zhǔn)做網(wǎng)頁，今天到火狐官方網(wǎng)站下了個沒有g(shù)oogle插件的安裝了（特別討厭插件，而國內(nèi)幾乎下載不到?jīng)]有g(shù)oogle插件的火狐瀏覽器?。┐蜷_一看，哇哈，終于來了，ff好多不兼容的問題來了。隨便點擊了下不兼容的問題就有上十個了。一個個慢慢解決，慢慢搜索。。。。。。。先把幾個簡單的整理分享一下。1.最簡單的鼠標(biāo)移過手變型的css要改了cursor:pointer;/*ff不支持cursor:hand*/dw8下面自動出來的也沒有hand這個屬性了，標(biāo)準(zhǔn)的是pointer2.ff不支持濾鏡最常見的半透明不支持。filter:Alpha

2、(Opacity=50);/*forIE*/opacity:.5;/*forFirefox*/style="-moz-opacity:0.5;filter:alpha(opacity=50);cursor:hand;"onmouseover="this.style.MozOpacity=1;this.filters.alpha.opacity=100"onmouseout="this.style.MozOpacity=0.5;this.filters.alpha.opacity=50"3.ff不支持expression例如去掉鏈接的邊框要分別寫不同的cssa,area{blr:expres

3、sion(this.onFocus=this.blur())}/*forIE*/:focus{outline:none;}/*forFirefox*/4.ff不支持div滾動條的顏色設(shè)置，目前還沒有找到替換的好方法。.contendiv{position:absolute;left:0px;top:10px;width:580px;height:135px;line-height:120%;text-align:left;font-family:"宋體";word-break:break-all;color:#6D6E71;OVERFLOW-Y:auto;OVERFLOW-X:no;SCR

4、OLLBAR-ARROW-COLOR:red;SCROLLBAR-TRACK-COLOR:F6F6F6;SCROLLBAR-FACE-COLOR:#F6F6F6;SCROLLBAR-SHADOW-COLOR:#F6F6F6;SCROLLBAR-DARKSHADOW-COLOR:#F6F6F6;SCROLLBAR-3DLIGHT-COLOR:#F6F6F6;SCROLLBAR-HIGHLIGHT-COLOR:#F6F6F6;}這個在ff里面完全沒有效果了。5.ie下面顯示在文字下面橫線的border-width:0px0px1px0px;在ff里面跑到文字上面去了。（查了手冊還是沒有找到解決

5、的辦法感覺莫名奇妙～～原來是ff的容錯能力太差了，是下面的width:186px;height:0px;寬高引起的，其實a:haver已經(jīng)繼承了上級的屬性了，只要定義不同的樣式就可以了，看來ff有助于制作標(biāo)準(zhǔn)化，簡潔化的網(wǎng)頁啊，對css的理解也更深刻，對提供css來說是個很好的幫助）.onelinksdiva:hover{display:block;border-style:solid;color:#ff0000;border-width:0px0px1px0px;/*display:block;border-style:solid;border-width:0px0px1px0px;wi

6、dth:186px;height:0px;color:#ff0000;font-size:14px;text-align:right;*/}//下面的寫法在ie下面正常，但在ff下是錯誤的.onelinksdiva:hover{display:block;border:#ff0000solid;border-width:0px0px1px0px;width:186px;height:0px;color:#ff0000;font-size:14px;text-align:right;}相關(guān)參考資料：border-width:border-top-widthborder-right-width

7、border-bottom-widthborder-left-width;p#fourborders{border-width:thickmediumthin12px;}如果定義四個值,那么這四個值就分別是上,右,下,左邊框的寬度值(從上邊框開始,以逆時針的順序遍歷).等價于下面的定義p#fourborders{border-top-width:thick;border-right-width:medium;border