瀏覽器相容性問題

2021-06-18 17:35:30 字數 1521 閱讀 9557

苦惱的區別:

1.image-repeat:

在火狐裡比較正常,可是在ie中一直repeat.背景是乙個關閉的x號, div設定的backgourn-image:url("***xx")

結果在ie中卻不行,最後找到原因是ie中要顯式的寫上image-repeat::norepeat這屬性,

還有好多的差異,明天 去了 公司繼續補充。。。

總結出一條規律:

其實要想盡量避免相容性問題,最好多用div,都做成塊,這樣就很好調整了。

2.ie中select 設定高度失效

很多人通過設定font-size 來使得他變高,這樣確實可以,可是在我的專案中ui比較苛刻,所以就只能重新想辦法了

所以,自己用過了div來調節樣式來實現。

3.這次開發遇到css樣式的相容性,再同乙個css中除錯又擔心拆東牆補西牆,所有索性就多寫了幾個css,通過判斷瀏覽器來載入css檔案,**如下

4.透明度設定:

firefox:opacity:0.3;

.beforetable

ie:filter:alpha(opacity=40);

.beforetable

********************===今天除錯遇到報錯:

css 因 mime 型別不匹配而被忽略*************************

解決辦法應該是這樣:

先check了link引用的方式,發現缺少type=text/css,加上後報錯依舊。

然後根據網上的這些文章,把mime的type型別手動加到伺服器應用的web.xml下,依舊無效。

check了tomcat和jetty的conf下預設web.xml裡的mime的型別是否正確,發現配置正常,但是不管是什麼伺服器都報錯。

在chrome中發現warning

發現不管是css還是js的content-type都變成了text/plain

最後檢查應用的response部分發現輸出流前缺少設定content-type

於是手動設定content-type

servletoutputstream outputstream = response.getoutputstream();

ioutils.write(bytes, outputstream);

return;

} 問題解決。

可以由於這個頁面的呼叫放在手機那裡,我也不想讓別人動,就這麼自己解決了!!!

瀏覽器相容性問題

瀏覽器相容問題一 不同瀏覽器的標籤預設的外補丁和內補丁不同 問題症狀 隨便寫幾個標籤,不加樣式控制的情況下,各自的margin 和padding差異較大。碰到頻率 100 解決方案 css裡 備註 這個是最常見的也是最易解決的乙個瀏覽器相容性問題,幾乎所有的css檔案開頭都會用萬用字元 來設定各個標...

瀏覽器相容性問題

解決方案 應該用ie8相容模式瀏覽網頁,而不應該用ie9或ie10渲染模式.很多使用者安裝ie10後發生很多網頁顯示錯亂,就是相容性的原因,因為ie10預設的渲染模式是ie10.此時應該將其改為ie7渲染模式。為什麼用ie6 7渲染模式的原因如下 中國所有網頁肯定都支援ie,支援ie就是支援ie核心...

瀏覽器相容性問題

1.不同瀏覽器的標籤預設的內邊距和外邊距是不同的 先將瀏覽器所有標籤預設的內外邊距設定為0 然後再去設定各個標籤需要的內外邊距。2.塊屬性標籤float後,又有橫向的margin的情況下,在ie顯示的比設定的margin大 div3.設定較小高度的容器 小於10px 時,在ie6下不識別小於10px...