我正在为 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/
最佳答案
您似乎正在使用其中包含此元标记的模板:
<meta content='IE=EmulateIE7' http-equiv='X-UA-Compatible'/>
当存在此元标记时,IE8 或 IE9 将模拟 IE7,并且 IE7 不支持您使用的某些样式。因此,这至少应该可以帮助您理解为什么会出现一些异常行为。
您可以尝试删除元标记,看看会发生什么。也许它会按照您期望的方式工作,但它也可能变得更加困惑,因为该模板使用了 IE7 特定的功能,因此迫使后来的浏览器模拟 IE7。我尝试在 my blog 中删除相同的元标记当我试图让一些 CSS3 样式起作用时,但这只会让事情变得更糟。但你可能会走运。
除此之外,您可以查看是否有任何 IE7 特定属性可以让您使用您想要的一些 CSS3。
如果有什么值得安慰的话,尽管该页面在 IE9 中看起来与在其他浏览器中略有不同,但它看起来仍然非常漂亮,而且样式似乎是有意设计的。
关于css - Internet Explorer 中的红色边框和框阴影问题,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/10233887/