IE兼容性问题

1.在IE下margin无用时改为padding

2.IE9以后placeholder无效，引入以下js   http://www.jianshu.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里面的内容有浮动，li下会产生一个间隙；

解决方法：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},但这样所有的字体都是居中的，所以不想要居中就一个个设

7.

div属性标签float后，又有margin-right得情况下，下一个div会被顶到下一行

解决办法：在float的标签样式中加入display:inline;转化为行内属性

8.实现对HTML5 新增标签的兼容

链接地址     http://www.bootcdn.cn/html5shiv/

1、通过JavaScript  直接在html文件中绝对链接到网站上的兼容链接

二、直接将代码考到  js  文件夹 ，通过相对路径引入

将复制地址粘贴到搜素地址栏中，将代码复制到自己创建的js文件夹，进行相对路径引入html文件

9.

ie10以下，当div背景透明时，div下若有按钮，点击div会发生点击穿透事件。

ie9.10解决办法background-color:rgba(0,0,0,0);

在ie678下解决办法：background:url(../img/transparent.gif);(图片为1*1的透明gif图，或着图片路径不存在也可以，只是会报404的错)