网站标志出现在I.E.7-8背景图片后面

问题描述：

我的网站标志通常显示在firefox等网站上，但在IE浏览器中，logo显示在背景图片后面，看起来很糟糕。有人能告诉我如何让这个标志出现在背景图像中吗？网站标志出现在I.E.7-8背景图片后面

网站一样，所以你可以看看在codeing：http://turquoisegrotto.com/

答

摆脱所有古怪的选择器，添加严格的DOCTYPE并重试。徽标不在背景之后，它在某个地方不在屏幕上。

编辑：你有一个DOCTYPE，摆脱它上面的评论。 DOCTYPE必须位于第一行。

rpflo击败了我，甚至使用了'whacky'这个词。多么同心！ – SpliFF 2009-05-27 05:10:37

答

尝试标识图像的z指数（CSS属性）设为10

这是我的第一个想法。然而，奇怪的是，这个标志已经落后于身体的背景图像。没有z-索引可以说，所有的z-index都比daggum的身体高！ – 2009-05-27 05:06:55

答

你写一些怪诞的CSS，有什么用所有负利润率？我会远离那些东西，不知道为什么你的#navi也有120px的高度（因此也就是所有的-margins）。

尽管如此，IE仍然没有理由在身体的背景图像背后加上标志！这确实很奇怪。

反正这些变化将带来的标识回体内的神奇世界：

body { 
    background-color: #CCFFFF; 
    color: #000000; 
    font-family: Tahoma; 
    text-align: center;  
    background-image:url("images/bg.png"); 
    background-position: top left; 
    background-repeat: repeat-x; 

    /* changed */ 
    margin-top: 0; 
} 

#navi{ 
    width: 100%; 
    background-color: transparent; 
    text-align: left; 

    /* changed */ 
    margin-top: 3px; 
    height: 20px; 
} 

#logo{ 
    height: 120px; 
    background-color: transparent; 
    margin-bottom: 70px; 
    /* changed */ 
    margin-top: 5px; 
}

我敢肯定，你的其他元素将需要从Logo调节和NAV没有大的负利润了。

网站标志出现在I.E.7-8背景图片后面

相关推荐