1.在IE下margin無用時改為padding
2.IE9以后placeholder無效,引入以下js ? http://www.reibang.com/p/7c1fe7da6529
? ? ? ? ? :-moz-placeholder ? ? ? / /* Mozilla Firefox 4 to 18 */
? ? ? ? ? ::-moz-placeholder ? ? ?/ /* Mozilla Firefox 19+ */
3.透明度
.opacity{
filter:alpha(opacity=50);/*IE*/
-moz-opacity:0.5;/*老版Mozilla*/
-khtml-opacity:0.5;/*老版Safari*/
opacity:0.5;/*支持opacity的瀏覽器*/}
4.
IE6支持下劃線思瘟,IE7和firefox均不支持下劃線。
IE6 ?IE7 ?FF
* ? ? ? ? ? ? ? ?√ ? ?√ ? ?×
!important × ? ? √ ? ? √
_ ? ? ? ? ? ? ? ?√ ? ? ?× ? ? ×
5.
在IE6稽坤、7下,li本身沒有浮動糯俗,li里面的內(nèi)容有浮動尿褪,li下會產(chǎn)生一個間隙;
解決方法:1得湘、給li加浮動杖玲;2、給li加vertical-align:top;
在IE6淘正、7下摆马,子級元素有相對定位,父級overflow包不住子級元素鸿吆;
解決方法:給父級也加上相對定位囤采;
_background:yellow;? // IE6及以下
+ background:yellow; // 或* IE7及以下
background:yellow\9; // IE9及以下
6.
margin{0px auto};不居中顯示
解決辦法:需要在BODY添加{text-algin:center},但這樣所有的字體都是居中的,所以不想要居中就一個個設(shè)
7.
div屬性標(biāo)簽float后惩淳,又有margin-right得情況下蕉毯,下一個div會被頂?shù)较乱恍?/p>
解決辦法:在float的標(biāo)簽樣式中加入display:inline;轉(zhuǎn)化為行內(nèi)屬性
8.實現(xiàn)對HTML5 新增標(biāo)簽的兼容
鏈接地址 ? ? http://www.bootcdn.cn/html5shiv/
1、通過JavaScript ?直接在html文件中絕對鏈接到網(wǎng)站上的兼容鏈接
二思犁、直接將代碼考到 ?js ?文件夾 代虾,通過相對路徑引入
將復(fù)制地址粘貼到搜素地址欄中,將代碼復(fù)制到自己創(chuàng)建的js文件夾激蹲,進行相對路徑引入html文件
9.
ie10以下棉磨,當(dāng)div背景透明時,div下若有按鈕学辱,點擊div會發(fā)生點擊穿透事件含蓉。
ie9.10解決辦法background-color:rgba(0,0,0,0);
在ie678下解決辦法:background:url(../img/transparent.gif);(圖片為1*1的透明gif圖,或著圖片路徑不存在也可以项郊,只是會報404的錯)