tft每日頭條

 > 生活

 > 熟悉常見浏覽器兼容策略

熟悉常見浏覽器兼容策略

生活 更新时间:2025-03-03 19:28:06

熟悉常見浏覽器兼容策略? 1.png24位的圖片在iE6浏覽器上出現背景,解決方案是做成PNG8.,接下來我們就來聊聊關于熟悉常見浏覽器兼容策略?以下内容大家不妨參考一二希望能幫到您!

熟悉常見浏覽器兼容策略(浏覽器的兼容性有哪些)1

熟悉常見浏覽器兼容策略

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每日頭條,我们将持续为您更新最新资讯!

查看全部

相关生活资讯推荐

热门生活资讯推荐

网友关注

Copyright 2023-2025 - www.tftnews.com All Rights Reserved