<!DOCTYPE html>
已设置,html5shim.js
已列入<head>
每页。
我有 CSS:
.height_fix_container > * { margin:0; background:#fff url(../images/bg.jpg) top left no-repeat; min-height: 400px; }
.height_fix_container > *:first-child { background:#fff; } /*Good eye! But the problem still exists*/
...应用于页面中间的这段代码:
...
<div class="height_fix_container">
<div>Content box 1</div>
<div>Content box 2</div>
</div>
...
在除 IE7 和 8 之外的所有浏览器中,CSS 选择器都运行良好。但是,在 IE 中 Content box 1
识别选择器但是 Content box 2
完全忽略它。我正在使用 IE 中的内置开发人员工具对此进行检查。
为什么会这样?
最佳答案
在 IE 中,您需要声明 DOCTYPE 才能识别第一个子选择器。
<!DOCTYPE .......>
您还缺少第二类定义中“fff”前面的#。它根本不会影响代码,只是语法上的修改。
关于html - 在 IE7-8 中根本不应用 CSS 类,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/7491261/