首页 文章

Internet Explorer中的红色边框和框阴影问题

提问于
浏览 次
0

我正在为Blogger上的博客制作一个自定义主题，在Chrome和Firefox中看起来都不错，但是在IE9中查看时，每个帖子周围都有一个奇怪的红色边框，我摆脱的盒子阴影仍然存在 . 如果在IE8或IE7模式下查看网站，则边框为白色 . 博客看起来很好，直到有东西加载，然后它搞砸了 . 我无法弄清楚问题是什么 .

对于Blogger规范，我使用Picture Window主题作为这个新主题的基础，我只是在模板设计器中使用自定义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/

css blogger

1 回答

  • 0

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

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

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

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

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

    如果它有任何安慰，虽然IE9中的页面看起来与其他浏览器略有不同，但它看起来仍然很漂亮，就好像造型是故意的 .

    回复于

相关问题