博客
关于我
强烈建议你试试无所不能的chatGPT,快点击我
IE6-IE9兼容性问题列表及解决办法_补遗漏之二:CSS区分大小写,Style中height需要加px...
阅读量:6224 次
发布时间:2019-06-21

本文共 944 字,大约阅读时间需要 3 分钟。

经过一段时间的实践,在“IE6-IE9兼容性问题列表及解决办法总结”的基础上,再补充2点:

 

补充在:第二章:CSS, 第一节:IE6-IE7更新

具体内容:

 

4. CSS样式区分大小写。

如下代码,在IE6下,CSS样式类名不分大小写,但从IE7开始,区分大小写了, IE8和IE9也区分大小写,也就是说,我们CSS样式类和使用它的地方,必须保持完全一致。

<html>

<head>
<meta http-equiv="X-UA-Compatible" content="IE=7" />
 <style type="text/css">
.field
{
 background-color:blue;  /* ie 9*/
 }
</style>
</head>
<body >
 <p class="Field"> this is for div1</p>
 <p style="background-color:blue"> this is for div2 </p>
</body>
</html>

 

5.Style中的height, width结尾需要输入单位,如px

如下代码,在ie6下,能够读取到style中定义的height=30,但从ie7开始,就必须在height:30后面加上单位px了,否则,读取不出来height值。

<html>

<head>
<meta http-equiv="X-UA-Compatible" content="IE=6" />
    <script type="text/javascript">
        function load1() {
            alert(document.getElementById("p1").style.height);
        }
    </script>
</head>
<body οnlοad="load1()" >
<p id="p1" style="background-color:blue; height:30"> this is for div2 </p>
</body>
</html>

 

转载于:https://www.cnblogs.com/liuzhendong/archive/2012/08/10/2633197.html

你可能感兴趣的文章
三星超级品牌日背后:全品类关联营销优势凸现
查看>>
android4.4以上透明状态栏简单设置
查看>>
双十一流量洪峰 支撑阿里核心业务的云数据库揭秘
查看>>
45. 源代码阅读-RocketMQ-tools
查看>>
修改linux下的主机名
查看>>
每天一个linux命令(39):grep 命令
查看>>
centos释放无用内存
查看>>
事必躬亲利与弊
查看>>
马哥笔记第十五天系统安装、kickstart、anaconda、dhcp、tftp、pxe
查看>>
linux shell中单引号、双引号和没有引号的区别
查看>>
我的友情链接
查看>>
NAT使用大全
查看>>
cocos中常见的22中动作
查看>>
Spring 访问数据库的三个方法(2)
查看>>
undefined reference to `libiconv_open 无法编译PHP
查看>>
JAVA后台线程
查看>>
当EditText是多行文本时, 光标如何设置在从左上角
查看>>
Redisbook学习笔记(2)内存映射数据结构(1)整数集合
查看>>
详解java垃圾回收机制(转)及finalize方法(转)
查看>>
log4j2 配置文件
查看>>