瀏覽器兼容問(wèn)題

《瀏覽器兼容問(wèn)題》由會(huì)員上傳分享，免費(fèi)在線(xiàn)閱讀，更多相關(guān)內(nèi)容在工程資料-天天文庫(kù)。

1、瀏覽器兼容問(wèn)題.txtl4熱情是一種巨大的力屋，從心靈內(nèi)部迸發(fā)而出，激勵(lì)我們發(fā)揮出無(wú)窮的智慧和活力；熱情是一根強(qiáng)人的支柱，無(wú)論面臨怎樣的困境，總能催生我們樂(lè)觀(guān)的斗志和頑強(qiáng)的毅力……沒(méi)有熱情，生命的天空就沒(méi)的色彩?；鸷麵E兼容問(wèn)題大全2009-07-0308:55一直用ie為準(zhǔn)做網(wǎng)頁(yè)，今犬到火狐官方網(wǎng)站卜?了個(gè)沒(méi)有g(shù)oogle插件的安裝了(特別討厭插件，而國(guó)內(nèi)幾乎下載不到?jīng)]有g(shù)oogle插件的火狐瀏覽器！)打開(kāi)一看，哇哈，終于來(lái)了，ff好多不兼容的問(wèn)題來(lái)了。隨便點(diǎn)擊了下不兼容的問(wèn)題就有上十個(gè)了。一個(gè)個(gè)慢慢解決，慢慢搜索ooooooo先把兒個(gè)簡(jiǎn)單的整理分享一下。1.最簡(jiǎn)單的鼠標(biāo)

2、移過(guò)手變型的css要改了cursor:pointer;/*ff不支持cursor:hand*/dw8下而自動(dòng)出來(lái)的也沒(méi)有hand這個(gè)屬性了，標(biāo)準(zhǔn)的是pointer2.ff不支持濾鏡最常見(jiàn)的半透明不支持。filter:Alpha(0pacity=50);/*forIE*/opacity:.5;/*forFirefox*/sty1e=，，-moz-opacity:0.5;filter:alpha(opacity二50);cursor:hand;"onmouseover=z/this.style.MozOpacity=l;this?filters?alpha?opacity二10

3、0〃onmouseout=，/this.style?MozOpacity=0.5;this,filters,alpha,opacity二50"3.ff不支持expression例如去掉鏈接的邊框要分別寫(xiě)不同的cssa,area{blr:expression(this.onFocus=this.blur())}/*forIE*/:focus{outline:none;}/*forEirefox*/4.ff不支持div滾動(dòng)條的顏色設(shè)置，日前還沒(méi)有找到替換的好方法。.contendiv{position:absolute;left:Opx;top:lOpx;width:580px

4、;height:135px;line-height:120%;text-align:left;font-family:"宋體"；vord-break:break-all;color:#6D6E71;OVERFLOW-Y:auto;OVERFLOW-X:no;SCROLLBAR-ARROW-COLOR:red;SCROLLBAR-TRACK-COLOR:F6F6F6;SCROLLBAR-FACE-COLOR:#F6F6F6;SCROLLBAR-SHADOW-COLOR:#F6F6F6;SCROLLBAR-DARKSHADOW-COLOR:#F6F6F6;SCROLLBAR-

5、3DLIGHT-COLOR:#F6F6F6;SCROLLBAR-H1GHLIGHT-COLOR:#F6F6F6;這個(gè)在ff里面完全沒(méi)有效果了。5.ie下面顯示在文字下面橫線(xiàn)的border-width:OpxOpxlpxOpx;在ff里面跑到文字上面去了。(查了手冊(cè)還是沒(méi)有找到解決的辦法感覺(jué)莫名奇妙??原來(lái)是ff的容錯(cuò)能力太差了,是下面的width:186px;hcight:Opx;寬高引起的，其實(shí)a:haver已經(jīng)繼承了上級(jí)的屬性了,只要定義不同的樣式就可以了，看來(lái)ff有助于制作標(biāo)準(zhǔn)化，簡(jiǎn)潔化的網(wǎng)頁(yè)啊，對(duì)css的理解也更深刻，對(duì)提供css來(lái)說(shuō)是個(gè)很好的幫助）.onelink

6、sdiva:hover{display:b1ock;border-sty1e:solid;color:#ffOOOO;border-width:OpxOpxlpxOpx;/*display:block;border-style:solid;border-width:OpxOpxlpxOpx;width:186px;height:Opx;color:#ffOOOO;font-size:14px;text-align:right;*/}//下面的寫(xiě)法在ie下面正常,但在ff下是錯(cuò)誤的?onelinksdiva:hover{display:block;border:#ffOOOO

7、solid;border-width:OpxOpxlpxOpx;width:186px;height:Opx;color:#ffOOOO;font-size:14px;text-align:right;}相關(guān)參考資料：border-width:border-top-widthborder-right-widthborder-bottom-widthborder^left-width;p#fourborders{border-width:thickmediumthin12px;}如果定義四個(gè)值,那么這四個(gè)值就分別是上