不能讓bg img做我想要的CSS

我一直在看論壇整晚&還是無法弄清楚這一點。不能讓bg img做我想要的CSS

我想讓我的其中一個div作爲我網站中其他所有內容的背景。我也希望它從一個特定的地方開始，即它不佔據整個頁面。

這個div（類the_background）是我的div容器這是身體的孩子的孩子，如下：

頭標記（平常的東西在這裏）結束標記

<body> 
<div class="container"> 
<div class="header"> 
    <img src="images/open-access/header.png"> 
</div> 
<br/> 
<div class="signout"> 
    login name | <a href="#">signout</a> 
</div> 
<br/> 

<div class="menu"> 
    <ul> 
    <li><a href="#">Bunch of links etc.</a></li>   
    </ul> 
    <div class="under_menu"> 
    </div> 
</div> 

<div class="welcome"> 
     Welcome, name! 
</div> 
    <div class="the_background"></div>

等

以下是我的外部樣式表代碼：

.container {margin:0 2em; 
     text-align: center; 
     position: relative;}

（一串代碼，然後:)

.under_menu{background-color: rgb(141, 0, 212); 
width:auto; 
height: 1em; 
padding-bottom: 0;} 

.the_background{background-color: yellow; 
      background-image: url('images/bg.png'); 
    width: auto; 
    height: 100%; 
    background-size: cover; 
    z-index: -10; 
    position: absolute; 
    left: 0;}

（一堆更多的代碼等）

我最終想要的（我不能發表圖片）是背景圖像，開始在under_menu div的底部，佔用與它相同的寬度，並在頁面的其餘部分繼續。目前，under_menu div非常完美 - 它貫穿整個頁面，但是在每一邊（50％）都有一個小的邊距，並且是1em的不錯的高度。

這段代碼，因爲我目前已經複製它，沒有給我什麼。爲什麼地球上是這樣？!!!我整天都在玩這個遊戲，並設法在某些時候顯示黃色的後備顏色或背景圖片，但我無法控制它的寬度或高度。我已經修復了我可以識別的所有相關財產！如果有人能幫助我，我會感激萬分。如果有人也可以請解釋爲什麼我粘貼的代碼不起作用，那也會很棒。

非常感謝你提前！

p.s.是的，我已經三重檢查拼寫&語法等：/

來源

2013-11-23 user3024648

你可以創建一個小提琴求你http://jsfiddle.net/ – ggdx

這是一個艱難的沒有一個很好的jsfiddle，其中包括您的圖像。你能爲我們設置一下嗎？

同時，試試這個CSS：

.the_background { 
    background: yellow url('images/bg.png') 50% 0; 
    width: 100%; 
    height: 100%; 
    z-index: -10; 
    position: absolute; 
    left: 0; 
    top: 1em 
}

結果：http://jsfiddle.net/jJxCs/

來源

2013-11-23 12:45:25

感謝馬克。我發現這個jsfiddle的東西，並認爲如果你去http://jsfiddle.net/9pHTJ/1/你會看到我的代碼嘗試。我再次玩弄它，現在我已經更糟糕了，我不知道如何解決它:(除了配置文件框的所有框現在都被推下來了，而且網站本身看起來很奇怪jsfiddle box。而不是保持對齊，並有更長的長度來滾動，導航欄中的按鈕已被擠壓在彼此的頂部，這些框也相互重疊。這是因爲我的碼？ – user3024648

不能讓bg img做我想要的CSS

回答

相關問題