标签：load splay 产生 att 链接 ie8 例子 ie浏览器 ica
浏览器兼容问题是指，不同厂商开发的浏览器针对同一段代码的不同解析，造成页面展示效果出现差异的情况，很多时候为了追求显示效果的一直，前端开发人员就要针对不同兼容问题应用相应的方法处理，达到效果一致的目的。
下面这些是平时开发过程中遇到的，做个汇总，方便查阅。
.target{
min-height:100px;
height:auto!important;
height:100px; // IE6下内容高度超过会自动扩展高度
}
ol内li的序号全为1，不递增。display: list-item;让 <div id="top">...</div> 元素固定在浏览器的底部和距离右边的20个像素，代码如下：
#top{
position:fixed;
_position:absolute;
bottom:0;
right:20px;
_bottom:auto;
_top:expression(eval(document.documentElement.scrollTop+document.documentElement.clientHeight-this.offsetHeight-(parseInt(this.currentStyle.marginTop,10)||0)-(parseInt(this.currentStyle.marginBottom,10)||0)));
}
right 跟 left 属性可以用绝对定位的办法解决，而 top 跟 bottom 就需要用上面的表达式来实现。其中在_position:absolute;中的_符号只有 IE6 才能识别，目的是为了区分其他浏览器。
上面的只是一个例子，下面的才是最重要的代码片段：
#top{
_position:absolute;
_bottom:auto;
_top:expression(eval(document.documentElement.scrollTop));
}
/*使元素固定在浏览器的底部*/
#top{
_position:absolute;
_bottom:auto;
_top:expression(eval(document.documentElement.scrollTop+document.documentElement.clientHeight-this.offsetHeight-(parseInt(this.currentStyle.marginTop,10)||0)-(parseInt(this.currentStyle.marginBottom,10)||0)));
}
这两段代码只能实现在最底部跟最顶部，你可以使用 _margin-top:10px; 或者 _margin-bottom:10px;修改其中的数值控制元素的位置。
现在，问题还没有完全解决。在用了上面的办法后，你会发现：被固定定位的元素在滚动滚动条的时候会闪动。解决闪动问题的办法是在 CSS 文件中加入：
*html{
background-image:url(about:blank);
background-attachment:fixed;
}
其中 * 是给 IE6 识别的。
26、IE6 7 8不支持background-size
filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src=‘/image/xxx.jpg‘, sizingMethod=‘scale‘);.filter {
/*background: #ce4138; */
background: rgba(211, 66, 55, 0.93);
filter: progid:DXImageTransform.Microsoft.gradient( GradientType = 0,startColorstr = ‘#a3ce4138‘,endColorstr = ‘#eece4138‘ );
}
29、IE5-8不支持opacity,处理办法：
.opacity{
opacity:0.4
filter:alpha(opacity=60);/* for IE5-7 */
-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=60)";/* for IE 8*/
}
标签：load splay 产生 att 链接 ie8 例子 ie浏览器 ica
原文地址：http://www.cnblogs.com/fanshaokun/p/6429476.html
