瀏覽器相容性問題總結

2022-05-15 11:09:23 字數 1408 閱讀 1987

1、safari解釋new date('2013-10-21') 這樣得到的是invalid date,需要寫成new date('2013/10/21')

2、href=""在ie中會跳轉到根目錄,而在firefox中不會跳轉,寫成href="/"可以。

3、一串長度較長的英文語句(單詞之間有空格)在超出div寬度的情況下,ie8下不能自動換行(如果有漢字則可以),需要加入"word-break:break-all"才可以。

4、link多個css檔案(中間用逗號分開)在ie8下不起作用

5、placeholder在ie8下不起作用

6、display:inline-block;在ie7下不起作用(讓ie瀏覽器支援display:inline-block的方法)

8、div的寬度預設值是auto,如果沒有其他屬性設定,則表現為100%,如果設定float:left/right,則寬度自適應內容。

9、ie7中li之間有間距,可以在li上設定vertical-align:bottom以取消間距。(另外還可以設定float:left

10、ie7中,如果button加上name屬性,則在表單提交的時候(假如是post方法),button的value也會一起提交;如果把name屬性去掉,則不會提交。

11、ie7中,float=right的元素不會居右顯示,而是另起一行後靠右,解決辦法是把float=right的元素放在非float元素的左邊。(夠奇葩

12、ie6和ie7中,只設定z-index:99並不起作用,需要同時設定position:relative|absolute|fixed。如果需要想要蓋住另乙個父元素中的子元素,則需要在兩個子元素的父元素上分別設定z-index.

13、ie7中,如果div規定了max-width,那麼帶空格的英文本元不會自動換行,如果規定了width,則可以。

15、ie7中li設定浮動,並且設定marin-bottom,則最貼近ul的一行li的margin-bottom不起作用。

16、ie6、ie7中 垂直排列的li之間會有空隙,解決辦法設定li的vertical-align:bottom(同第9條

17、ie7中使用slidedown,slideup,在需要slide的層中,如果存在position:absolute 或 position:relative 定位的層,在ie7下,滑動過程中這些層不會隨之顯示和隱藏,效果動作完成之後,這些層才會一次性隱藏。

解決方法:不在其中使用絕對和相對定位,用別的方法實現需要的div定位。 相關連線jquery的slideup、slidedown函式在ie中的bug

18、使用post或get方法傳遞中文引數,需要加入encodeuri(param),將中文引數進行編碼,否則在ie瀏覽器中php端取到的引數是不正確的。

瀏覽器相容性問題總結

分為html css js三部分。html5shim 可以讓你的 ie9 或者更低版本的 ie 瀏覽器支援 html5。使用方法 判斷瀏覽器是否支援html5 window.onload function else script pc端 document.addeventlistener docum...

瀏覽器相容性問題總結

瀏覽器相容性問題總結 以下相容性問題總結只支援到ie8及以上,更低版本不經過測試 1.元素透明度的問題 在chrome ff等瀏覽器中,只需要設定opacity即可達到的效果,在ie中需要對多個要素進行設定才行 filter alpha opacity 70 moz opacity 0.7 khtm...

瀏覽器相容性問題

苦惱的區別 1.image repeat 在火狐裡比較正常,可是在ie中一直repeat.背景是乙個關閉的x號,div設定的backgourn image url xx 結果在ie中卻不行,最後找到原因是ie中要顯式的寫上image repeat norepeat這屬性,還有好多的差異,明天 去了 ...