相容性問題整理小記

2021-07-10 11:51:23 字數 574 閱讀 9101

一:document.getelementbyid

1:問題描述:在ie7以下,該方法支援獲取name屬性值,支援常用標籤例如a,button,form,iframe,img,input,textarea等。 

解決方案:傳入id值,而不是name值,並且同時注意id屬性值不與其他name屬性值有重複。

2:問題描述:在ie7以下,該方法傳入的id值不區分大小寫。

解決方案:在使用該方法獲取頁面元素時,應保證作為引數的id與目標元素的實際id完全一致。

二:firefox不支援innertext,outertext屬性。

三:document.getelementsbyname

問題描述:在ie9下,不區分大小寫。

解決方案: 在使用 document.getelementsbyname 方法獲取頁面元素時,應保證作為引數的 name 與目標元素的實際 name 值完全一致。

四:json格式

問題描述:json 字串或物件直接量的最後乙個鍵值對後加 ',' 在ie7以下 瀏覽器中會導致指令碼中斷。

解決方法:確保最後乙個鍵值對之後沒有多餘的 ',',以相容各瀏覽器

piczoom相容性問題 相容性問題

1.文字本身的大小不相容。同樣是font size 14px的宋體文字,在不同瀏覽器下佔的空間是不一樣的,ie下實際佔高16px,下留白3px,ff 下實際佔高17px,上留白1px,下留白3px,opera下就更不一樣了。解決方案 給文字設定 line height 確保所有文字都有預設的 lin...

常見樣式相容性問題整理

1.在ie6下,div底部會多出一行,而且是原來的字。說明 這是注釋bug,經典的ie6 bug。注釋造成文字溢位是ie6的bug,注釋造成文字溢位與其位置有關,注釋造成文字溢位與文字區塊的固定寬度有關,溢位文字的字數 注釋的條數 2 1,這裡的字數在中文或英文數字時都成立。當溢位的文字字數大於文字...

相容性問題

原文 1.ie浮動 margin 產生的雙倍距離 box 2.display inline block ie6,7下不相容 用float left 3.position fixed ie6不支援 ie6下用position和js模擬,或者完全不用,用position和js模擬 4.cursor ha...