html - IE8 完全忽略 CSS 样式

Question

假设我有这个 CSS:

.tbl-div > h1 {
    border-bottom: 1px solid black;
    display: block;
    font-size: 25px;
    margin: 10px -15px 30px -10px;
    padding: 0 0 0 40px;
}

.tbl-div > h1 > span {
    color: #006ec7;
    display: block;
    font-size: 14px;
}

那么假设有一个简单的输出 div 的样式。像这样的东西的 DOM 看起来是这样的

<div class="tbl-div">
  <h1>*title*<br><span>*subtitle*</span></h1>
  *content goes here*
</div>

标题部分的想法是有大文本，然后在其下方是较小文本和蓝色字体的副标题。这是踢球者。它实际上无处不在，但 iframe 除外。一旦它进入 iframe，页面就会完全认为 CSS 不存在，并且仅在这种情况下。它显示为字体为 25px 的巨大文本字符串。

没有其他浏览器可以做到这一点。而且它仅具有这些属性，并且仅在 iframe 中。

发生了什么事？

Answer 1

我检查了一下，对我来说工作正常。 确保您的文档结构正确。然后像这样从另一个网页使用 iframe:

<iframe src="file-containing-source.html"></iframe>

我做到了。看到这个:http://codepen.io/MustagheesButt/pen/RNXpEy