码迷,mamicode.com
首页 > 其他好文 > 详细

IE兼容

时间:2018-04-02 20:21:32      阅读:124      评论:0      收藏:0      [点我收藏+]

标签:margin   zoom   jpg   cal   返回   isp   nbsp   显示   att   

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兼容

标签:margin   zoom   jpg   cal   返回   isp   nbsp   显示   att   

原文地址:https://www.cnblogs.com/dingziDone/p/8695983.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!