熟悉常見浏覽器兼容策略? 1.png24位的圖片在iE6浏覽器上出現背景,解決方案是做成PNG8.,接下來我們就來聊聊關于熟悉常見浏覽器兼容策略?以下内容大家不妨參考一二希望能幫到您!
1.png24位的圖片在iE6浏覽器上出現背景,解決方案是做成PNG8.
2.浏覽器默認的margin和padding不同。解決方案是加一個全局的*{margin:0;padding:0;}來統一。
3. IE6雙邊距bug:塊屬性标簽float後,又有橫行的margin情況下,在ie6顯示margin比設置的大。
浮動ie産生的雙倍距離 #box{ float:left; width:10px; margin:0 0 0 100px;}
這種情況之下IE會産生20px的距離,解決方案是在float的标簽樣式控制中加入 ——_display:inline;将其轉化為行内屬性。(_這個符号隻有ie6會識别)
漸進識别的方式,從總體中逐漸排除局部。
首先,巧妙的使用“\9”這一标記,将IE遊覽器從所有情況中分離出來。
接着,再次使用“ ”将IE8和IE7、IE6分離開來,這樣IE8已經獨立識别。
.bb{ background-color:red;/*所有識别*/ background-color:#00deff\9; /*IE6、7、8識别*/ background-color:#a200ff;/*IE6、7識别*/ _background-color:#1e0bd1;/*IE6識别*/ }
4.IE下,可以使用獲取常規屬性的方法來獲取自定義屬性,也可以使用getAttribute()獲取自定義屬性; Firefox下,隻能使用getAttribute()獲取自定義屬性。解決方法:統一通過getAttribute()獲取自定義屬性。
5. IE下,even對象有x,y屬性,但是沒有pageX,pageY屬性;Firefox下,event對象有pageX,pageY屬性,但是沒有x,y屬性。
6. Chrome 中文界面下默認會将小于12px 的文本強制按照 12px 顯示,可通過加入 CSS 屬性 -webkit-text-size-adjust: none; 解決。
,更多精彩资讯请关注tft每日頭條,我们将持续为您更新最新资讯!