Html IE8完全忽略CSS样式

假设我有这个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中

---

发生了什么事？

我检查了一下，效果很好。 确保您的文档结构正确。然后使用另一个网页中的iframe，如下所示：

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

---

我在这里做的。请参见：

您的IE8是否设置为默认值以处理安全区域？似乎它阻止了css文件被加载到iframe中。如果开发工具告诉我什么，css就会被加载。如果只在这种样式中选择阻止，那么处理内联样式可能是谨慎的。css和框架内容位于同一个域转到工具->互联网选项->安全选项卡，单击“将所有区域重置为默认”。并尝试将您自己的站点添加到受信任的域中。似乎IE正在阻止这些样式，认为这是某种网络钓鱼或其他什么。你在html中设置了Doctype吗？参考