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 in font。

没有其他浏览器这样做。它只适用于这些属性，而且只能在iframe中使用。

发生了什么事？

Answer 1

我查了一下，对我来说很好。确保您的文档结构正确。然后使用其他网页上的 iframe ：

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

我在这里做到了。请参阅：http://codepen.io/MustagheesButt/pen/RNXpEy

IE8彻底忽略了CSS样式

1 个答案: