0

我正在为 Blogger 上的博客开发自定义主题，在 Chrome 和 Firefox 中看起来都很好，但是在 IE9 中查看时，每个帖子周围都有一个奇怪的红色边框，我摆脱的框阴影仍然存在。如果在 IE8 或 IE7 模式下查看网站，则边框为白色。在加载某些内容之前，该博客看起来还不错，然后就搞砸了。我无法弄清楚问题是什么。

对于 Blogger 规范，我使用图片窗口主题作为这个新主题的基础，我只是在模板设计器中使用自定义 CSS 框。我正在使用的自定义 css 发布在下面：

.post-outer {
border-radius:none;
border:none;
background:#3c3c39;
color:#eeeeee;
box-shadow:0pt 0pt 5px #272725 inset;
border-radius:10px;
}

.date-posts {
border:none;
}

.main-outer {
background:none;
border:none;
box-shadow:none;
}

.column-right-outer {
padding-top:20px;
}

.column-right-outer .widget a {
color:#666666;
}

div.post-footer {
border-top:1px dashed #555555;
margin-top:15px;
padding-top:10px;
}

#navbar {
display:none;
}

div.footer-outer {
display:none;
background:none;
box-shadow:none;
}

.footer-inner {
padding:0 20px 0 20px;
}

div.feed-links {
display:none;
}

div#Attribution1 {
display:none;
}

body {
min-height:5px;
padding-top:15px;
}

.blog-pager a {
color:#555553;
}

博客的网址在这里： http: //grandambiance.blogspot.com/

4

1 回答 1

0

您似乎正在使用其中包含此元标记的模板：

<meta content='IE=EmulateIE7' http-equiv='X-UA-Compatible'/>

当存在此元标记时，IE8 或 IE9 将模拟 IE7，并且 IE7 不支持您使用的某些样式。所以这至少应该可以帮助你理解为什么会有一些异常行为。

您可以尝试删除元标记以查看会发生什么。也许它会按照您期望的方式工作，但它也可能变得更加复杂，因为模板使用 IE7 特定功能，因此迫使后来的浏览器模拟 IE7。当我试图让一些 CSS3 样式工作时，我尝试在我的博客中删除相同的元标记，但这只会让事情变得更糟。但你可能会走运。

除此之外，您可以检查是否有任何 IE7 特定属性可以让您使用所需的一些 CSS3。

如果有什么安慰的话，虽然 IE9 中的页面看起来与其他浏览器中的略有不同，但它看起来仍然很漂亮，并且好像样式是故意的。

于 2012-04-22T09:11:41.720 回答