CSS背景圖像不顯示在Firefox中，但在IE中顯示

我有一個CSS文件，它將在IE中顯示背景圖像，但是同樣的背景圖像不會在Firefox中顯示。具體來說，它是問題的headerdoc圖像，菜單上方的圖像。CSS背景圖像不顯示在Firefox中，但在IE中顯示

我想要做的是創建一個主div部分，然後在部分創建其餘的佈局。

是的，我知道你可以用桌子做這件事，醜陋難以管理，甚至更難以維護，更不用說它的醜陋，難以管理，甚至更難以管理。

任何幫助，這將不勝感激。

P.S.這是我正在努力完成的 - 我有一個頁面，它是屏幕的全部寬度和高度減去邊緣周圍2.5％的邊距。沒有比這更大的工作，這很好。

在那個容器中我有一個名爲#headerDoc的標題部分。這應該是父容器的全部寬度，並且是第八個x％。在這裏，我想要有一個覆蓋這個容器全部區域的背景。

在標題部分中，我有一個菜單部分，它只包含#headerDoc父項的底部邊緣。說10％的底部。這有它自己的背景，所以它的顏色正確。

之後，我將完成構建屏幕的其餘部分。但這是我在這裏試圖做的。

這裏是CSS數據：

/************************* ID's *************************/ 
#mainDoc { 
    margin-top: 2.5%; 
    margin-right: 2.5%; 
    margin-bottom: 2.5%; 
    margin-left: 2.5%; 
    background-color: #494948; 
} 

#headerDoc { 
    width="100%"; 
    height="10%"; 
    background-image: url('./images/bg1.jpg'); 
} 

#menu { 
    /* position: relative;*/ 
    width: 100%; 
    height: 32px; 
    margin-top: 50px; 
    /* font-size: 14px;*/ 
    font-size: 1em; 
    font-family: Tahoma, Geneva, sans-serif; 
    /* font-weight: bold;*/ 
    text-align: center; 
    /*  text-shadow: 3px 2px 1px #FFFFFF; */ 
    background-image: url('./images/dpmenu.gif'); 
    /* background-color: #8AD9FF;*/ 
    background-color: #494948; 
    border-radius: 8px; 
} 

#menu ul { 
    height: auto; 
    padding: 8px 0px; 
    margin: 0px; 
} 
#menu li { 
    display: inline; 
    padding: 10px; 
} 

#menu a { 
    text-decoration: none; 
    color: #ffffff; 
    padding: 8px 8px 8px 8px; 
} 

#menu a:hover { 
    color: #000000; 
}

這裏是HTML中使用的標籤

<html> 
<head> 
<link href="Style.css" rel="stylesheet" type="text/css"> 
<title>Css Test</title> 
</head> 
    <body> 
    <div id="mainDoc"> 
     <div id="headerDoc"> 
     <div id="menu"> 
      <ul class="bdr-t bdr-b"> 
       <li class="bdr-r ctr"><a href="index.php">HOME</a></li> 
       <li class="bdr-r ctr"><a href="classifieds.php">CLASSIFIEDS</a></li> 
       <li class="bdr-r ctr"><a href="placeadd.php">PLACE AD</a></li> 
       <li class="bdr-r ctr"><a href="directory.php">DIRECTORY</a></li> 
       <li class="bdr-r ctr"><a href="helpdesk.php">HELP DESK</a></li> 
       <li><a href="account.php">MANAGE ACCOUNT</a></li> 
      </ul> 
     </div> 
    </div> 
    </div> 
</body>

很抱歉的「=」我錯過了一個（有一些我忘記了語法，但即使在改變它們之後，它仍然沒有作出差異。

來源

2013-12-19 user3059786

什麼是設置寬度=「100％」而不是寬度：100％;在你的樣式表中？ –

在css中刪除'='並使用'：' –

嘗試

#menu ul {... background-image：url（'./ images/dpmenu.gif'）; ....}

順便說一下，什麼在 BDR-T， BDR-B， BDR-R， CTR CSS類？

來源

2013-12-19 18:07:51 Wynn

bdr-t等僅將行應用於菜單行，沒有任何問題。菜單背景工作得很好，所以我不確定你要求我做什麼。 – user3059786

好吧，仍然是一個問題，任何人都想給它一個刺？ – user3059786

好的，任務。目前還不清楚...它可能很簡單...有圖片嗎？並檢查出http://css3please.com/ – Wynn

CSS背景圖像不顯示在Firefox中，但在IE中顯示

回答

相關問題