2014-02-25 42 views
1

這裏是我的代碼試圖通過CSS設置背景圖像,但它沒有顯示出來

<body> 
    <div id="header"> 
    <div id ="wrapper"class="container clearfix"></div> 
    </div> 
</body> 

,這裏是我的CSS

body { 
    background-image: linear-gradient(#5Dcfc3 20%, #009E8E 75%); 
    background-image: -o-radial-gradient(#5Dcfc3 20%, #009E8E 75%); 
    background-image: -moz-radial-gradient(#5Dcfc3 20%, #009E8E 75%); 
    background-image: -webkit-gradient(radial,(#5Dcfc3 20%, #009E8E 75%)); 
    background-image: -webkit-radial-gradient(#5Dcfc3 20%, #009E8E 75%); 
    background-image: -ms-radial-gradient(#5Dcfc3 20%, #009E8E 75%); 
} 

#header { 
    width: 200px; 
    height: 299px; 
    background: #34cfbe url("img/Trentnavbar.png") repeat; 
    background-size: 100% 100%; 
} 

所以基本上我試着去設置背景圖片對於我的導航欄,但是當我嘗試添加高度和寬度時,它會影響類體中的背景圖像。不知道什麼IM如下做錯了:(

+0

請設置一個http://jsfiddle.net我們與 – ggdx

+0

發揮它的工作好:HTTP:// jsfiddle.net/7pSXU/ – Alvaro

+0

你能改說這個問題嗎?你是否在嘗試防止調整大小? – Fallenreaper

回答

1

使用相對路徑

#header { 
    width: 200px; 
    height: 299px; 
    background: #34cfbe url("../img/Trentnavbar.png") repeat; 
    background-size: 100% 100%; 
} 
+0

謝謝你的工作 –

+0

但高度和寬度是影響背景顏色,而不是隻是背景圖像 –