IE兼容

Posted 钉子杂论

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了IE兼容相关的知识,希望对你有一定的参考价值。

1..ie7 下display:inline-block失效

.ie7 {
    display: inline-block;
    *zoom: 1;
    *display: inline;
}
 
2.如果在子元素有position:relaitive或者position:absolute,在IE7,8,9overflow属性将会失效,在父元素上加上position:relative;需要有宽度和高度范围
3.获得的src值IE会补全路径
<img id="test" src="image/1.jpg"/>
//通过jquery获得的src
$("#test").attr("src");
//一般浏览器会返回字符串"image/1.jpg"但是在ie浏览器里会返回如下:http://localhost:/image/1.jpg
 
 
可以截取获取到的src后若干位字符,获取我们想要的关键数据
red="ajksdhasjkdhasjkdhaskkajdh";
    red.slice(-30);
 
4.
IE7不兼容float:right;
解决方法:使用定位
 
5.
filter:alpha(opacity=50); /*IE滤镜,透明度50%*/
-moz-opacity:0.5; /*Firefox私有,透明度50%*/
opacity:0.5;/*其他
6.
dl dt dd样式设置要点:
在IE8中解析会没有闭合标签,使多个dl他们会在同一行显示
(1).指定dl的height ,在dl外层套上div防止IE8中在同一行显示
 
(2).指定dt和dd的margin和padding属性
浏览器的默认值不同,显示会有差别
 
(3).dt和dd的内容需要在同一行显示时,需设置dt的float:left属性

以上是关于IE兼容的主要内容,如果未能解决你的问题,请参考以下文章

vue浏览器兼容性问题ie9 ie10 edge

swiper兼容IE

Vue兼容ie9+

d3js在ie8兼容模式怎么设置

Antd vue ie11兼容问题

CSS 多行文本省略(兼容IE)