常見的瀏覽器相容問題的處理:
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 ...