背景圖像顯示在右鍵單擊顯示圖像，但不在網頁上

Question

好吧，所以我試圖設置一個網頁，其中包含另外兩個div的div，而包裝div具有背景，另外兩個是透明的。這怎麼不起作用？

這裏是CSS：

.posttext{ 
    float: left; 
    width: 70%; 
    text-align: left; 
    padding: 5px; 
    background-color: transparent !important; 
} 

.postavi{ 
    float: left; 
    width: 100px; 
    height: 100%; 
    text-align: left; 
    background-color: transparent !important; 
    padding: 5px; 
} 

.postwrapper{ 
    background-image:url('images/post_bg.png'); 
    background-position:left top; 
    background-repeat:repeat-y; 
} 

這裏是HTML：

<div class="postwrapper"> 

          <div class="postavi"><img src="http://prime.programming-designs.com/test_forum/images/avatars/hacker.png" alt="hacker"/></div><div class="posttext"><p style="color: #ff0066">You will have bad luck today.</p>lol</div> 
         </div> 

編輯：在請求時，這裏是一個鏈接到該網站：http://prime.programming-designs.com/test_forum/viewthread.php?thread=33

Answer 1

的!important關鍵字已經來過末頁（即之後的值）和transparent是一個關鍵字，不是以十六進制表示的RGB值（因此它不應以#作爲前綴）。

這些問題將由validator拾取。

由於.postavi是浮動的，因此它不會影響其容器的高度，所以.postwrapper的高度爲0，並且您無法在其中看到背景。有很多方法可以解決這個問題，我通常更喜歡the overflow: hidden method。關於爲什麼，請參閱http://complexspiral.com/publications/containing-floats/。