2012-04-19 112 views
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/

+0

在这里没有看到IE9的边框。清除缓存? – j08691 2012-04-19 18:26:38

+0

我试图清除我的缓存,并没有帮助,因为那时浏览器模式已切换,并且边框显示为白色。我不想在整个博客区域周围隐约可见的白色边框或箱形阴影。 – Erurainion 2012-04-19 19:04:56

+0

你有'border-radius:none;'这是从哪里来的? – 2012-04-22 09:18:34

回答

0

你似乎使用中有此meta标签模板:

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

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

你可以尝试删除该meta标签,看看会发生什么。也许它会按照你期望的方式工作,但它可能会变得更加冗长,因为模板采用了IE7的特定功能,因此迫使后来的浏览器模拟IE7。当我试图让一些CSS3样式起作用时,我尝试删除my blog中的同一个元标记,但这只会让事情变得更糟。但你可能会很幸运。

除非这一点,你可以检查,看看是否有可以让你使用一些你想要的CSS3的任何IE7特定属性。

如果它的任何安慰,虽然页面看起来在IE9有点不同比其他浏览器,但它仍然看起来很不错,好像造型是故意的。

+0

我刚刚保存了一个网页副本,并删除了有问题的元标记。这样做后,在IE9中看起来很好。但考虑根据需要为IE7和IE8创建一些特殊规定。您可以参考此页面了解有关如何操作的一些信息: http://css-tricks.com/how-to-create-an-ie-only-stylesheet/ – Zahhar 2012-04-22 09:19:40

+0

实际上,我尝试删除该行,但如果浏览器处于IE9模式,红色边框仍然存在,如果它位于IE的任何较低版本中,则为白色。如果是白色边框,我很好,但红色太奇怪了。 – Erurainion 2012-04-22 15:05:39

+0

啊无赖。我在移除meta标签后看起来很好。你有没有试过从其他电脑上看它? – Zahhar 2012-04-23 02:37:44