imk*_*dal 4 css browser compatibility internet-explorer comments
我在开发网站时发现了一些非常奇怪的东西.在尝试将div元素显示在屏幕顶部时,我注意到除了旧版本的IE之外,我没有在任何浏览器中实现所需的结果.为了测试一些不同的代码,而不是删除错误的行,我使用'//'来评论它(我真的不确定它是否适用于css)但是发生了什么,兼容的浏览器使用了未注释的代码,而IE使用标记为'//'的代码.这是代码:
#ban-menu-div{
position:fixed;top:0;
//position:relative; //<-- IE keeps the banner with rel pos while the other
display:block; // browsers used fixed
margin:auto;
padding:0px;
width:100%;
text-align:center;
background:black;
}
Run Code Online (Sandbox Code Playgroud)
所以基本上,似乎//可以用来指示较新的浏览器忽略特定的代码行,并指示旧版本的IE使用它?如果这是常见的做法,请告诉我.它肯定会使旧版浏览器的开发变得更加容易
//
不是有效的CSS评论.
正确解析CSS的浏览器将忽略,//position
因为//position
它不是有效的属性名称(详细信息在这里,property
- > IDENT S*
- > 跟进它).
这仅适用于IE7,因为它众所周知的错误是接受前面带有垃圾的属性.
这不仅仅是//
有效的.IE7将在此处显示红色文字:
body {
!/!*//color: red;
}
Run Code Online (Sandbox Code Playgroud)
这通常被利用*
,例如*display: inline;
作为display: inline-block
IE7的变通方法的一部分.
归档时间: |
|
查看次数: |
2866 次 |
最近记录: |