常見的瀏覽器相容問題的處理

2021-06-27 18:32:10 字數 1090 閱讀 2084

常見的瀏覽器相容問題的處理:

1. 父元素設定了text-align: center; 的div 在 ie 瀏覽器中能水平居中,但在有些瀏覽器中不能,需設定margin:0px auto; 

示例:<

div 

style

="text-align: center; background-color: white;"

>

<

div 

style

="border:1px dotted #390; background: #dfa; color: #390; padding: 20px;width:60%;margin:0px auto;

margin-top:150px;text-align: left;font-size: 12px;"

>

<

p>

您已經成功退出系統,謝謝使用!

p>

div>

div>

2.繫結事件:if

(window.attachevent) 

else

3.觸發事件:if

(document.all)

else

4.使用事件源物件:

οnclick="doeventthing(event)" 

/>      //傳入event

var 

evt = window.event || event;     

var 

e = evt.srcelement || evt.target;

5.使用

event.keycode || event.which 

代替event.keycode

6.使用

obj.

innertext || obj.

textcontent 

代替obj.

innertext

7.safari

瀏覽器或

google chrome

瀏覽器,元素上有

onfocus

或onblur事件,

需設定tabindex

屬性。

常見瀏覽器的相容問題

初學html和css時,每天切圖,總會遇到很多瀏覽器相容性問題。最近一直關注移動平台開發,就html和css來說,不用考慮那麼多瀏覽器相容性問題。到現在,以至於很多瀏覽器相容性幾乎忘光了。今天把以前總結的知識拿來分享一下,順便自己也複習一下。當然,其中肯定有很多不足,望指正啊。產生因素 塊屬性 fl...

常見瀏覽器的相容問題

初學html和css時,每天切圖,總會遇到很多瀏覽器相容性問題。最近一直關注移動平台開發,就html和css來說,不用考慮那麼多瀏覽器相容性問題。到現在,以至於很多瀏覽器相容性幾乎忘光了。今天把以前總結的知識拿來分享一下,順便自己也複習一下。當然,其中肯定有很多不足,望指正啊。產生因素 塊屬性 fl...

常見瀏覽器的相容問題

產生因素 塊屬性 float 有橫向margin。解決方法 display inline 解決方法 overflow hidden 或font size 0 或line height xx px 解決方法 讓浮動。解決方法 a 在子標籤最後清浮動 b 父標籤新增 c 給父標籤設定高度 解決方法 1 ...