無法在div中顯示背景圖像

我基本上用3個div來製作960佈局，以便輕鬆地將子div與圖像和文本放在一起。出於某種原因，我無法顯示第一個背景圖像。無法在div中顯示背景圖像

我在做什麼錯？

網站的理念：

enter image description here

HTML

<div class="wrap"> 

    <div id="left">1 

     <div id="logo"></div> 

    </div> 

    <div id="middle">2</div> 

    <div id="right">3</div> 

</div>

CSS

html, body { background-image:url(../bg.png); 
    margin: 0; 
    padding: 0; 
    border: 0 
} 
.wrap { 
    background: #e7e7e7; 
    text-align: center; 
    width: 840px; 
    margin:auto; 
    padding-left:60px; 
    padding-right:60px; 
} 

#left, #middle, #right { 

    background: #ccc; 
    display: inline-block; 
    margin-right: -4px; 
    width:280px; 
} 

#logo { 
    display: block; 
    position: relative; 
    background-image:url(../logo.png)); 
    width:40px; 
    height:40px; 
    }

來源

2013-08-20 Gabriel Meono

哪個背景圖片？ bg.png或logo.png？ – tomaroo

驗證你的CSS應該是調試的第一步。 – cimmanon

background-image:url(../logo.png));

應該是...

background-image: url(../logo.png);

你也可以使用背景重複：不重複; background-position：center center;和background-size：cover;正確使用div的背景。

來源

2013-08-20 19:27:34

它的工作，但寬度和高度必須手動設置，有沒有辦法讓它自動，我設置寬度：100％;身高：100％，但沒有奏效。 –

你可以嘗試沿着{height：auto;最小高度：40px;最大高度：60px; }允許一些控制的靈活性，但不同的瀏覽器會有不同的解釋，有些會默認爲最大，一些默認爲最小。只需要玩一下，看看什麼看起來不錯。 –

看起來你在CSS文件中的#logo下有一個額外的背景圖像的圓括號。將其更改爲background-image：url（../ logo.png）;

來源

2013-08-20 19:36:43

無法在div中顯示背景圖像

回答

相關問題