Q

網站標誌出現在I.E.7-8背景圖片後面

html
css

2009-05-27 35 views 0 likes

0

我的網站標誌通常顯示在firefox等網站上，但在IE瀏覽器中，logo顯示在背景圖片後面，看起來很糟糕。有人能告訴我如何讓這個標誌出現在背景圖像中嗎？網站標誌出現在I.E.7-8背景圖片後面

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

2009-05-27 William

A

回答

1

擺脫所有古怪的選擇器，添加嚴格的DOCTYPE並重試。徽標不在背景之後，它在某個地方不在屏幕上。

編輯：你有一個DOCTYPE，擺脫它上面的評論。 DOCTYPE必須位於第一行。

2009-05-27 05:09:27 SpliFF

+0

rpflo擊敗了我，甚至使用了'whacky'這個詞。多麼同心！ – SpliFF 2009-05-27 05:10:37

0

嘗試標識圖像的z指數（CSS屬性）設爲10

2009-05-27 04:54:19 Nick

+0

這是我的第一個想法。然而，奇怪的是，這個標誌已經落後於身體的背景圖像。沒有z-索引可以說，所有的z-index都比daggum的身體高！ – 2009-05-27 05:06:55

1

你寫一些怪誕的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沒有大的負利潤了。

2009-05-27 05:03:28

相關問題