ie 折腾计（浏览器兼容性）

常见问题

IE:6.0,IE7.0,IE8.0之间的兼容独立说明

/*用于展示标签*/

<div class="jrx"></div>

<style type="text/css">

    /*兼容实例说明*/

    .jrx{

        width: 200px;

        height: 200px;

        background: #FF0000; /*所有识别 */

        background: #FF0000\9; /* ie7 以下的文档模式中，ie都兼容，其他都不兼容 */

        +background-color:#FF0000;/*IE6、7识别 */

        _background-color:#FF0000;/*IE6识别 */

        }

</style>

1、IE6 7 img图片问题

　　1. 图片透明问题，如图

　　 ie 折腾计（浏览器兼容性）

说明：图中的8表示png-8品质，24表示png-24品质

　　从图中可以看出，png-8品质的图，图的边缘有锯齿存在，但在IE6中可以正常的显示出来；png-24品质，没有锯齿出现，但是不能正常显示透明度问题。

　　解决方案1（样式）

　　　　注意：该方法不支持图片背景平铺

/* 添加以下样式 */

/* 说明 src=“图片路径及图片名称”*/

filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src="24.png");

　　解决方案2（引入DD_belatedPNG_0.0.8a.js）

<!--[if IE 6]>

    <script src="DD_belatedPNG_0.0.8a.js" type="text/javascript"></script>

    <script type="text/javascript">

        DD_belatedPNG.fix('*');

    </script>

<![endif]-->

2、IE6 最小高度

<div style="height: 1px; background: #05a6f3;"></div>

　　显示如下图：

　　　　 ie 折腾计（浏览器兼容性）

　　　　解决方法1（添加样式）

overflow: hidden;

3、 IE6 7双边距问题margin 问题

4、IE6 display : inline-block;失效

5、 IE6 7 浮动问题

6、IE6 7 定位问题

7、IE6 7 表单问题

有事没事多看看 CSS hack 大全

DD_belatedPNG

秒客网

ie 折腾计（浏览器兼容性）

相关文章