幫助CSS定位

我想在背景圖像上定位圖像，但圖像不會顯示出來。請你能告訴我我做錯了什麼。幫助CSS定位

<body> 
    <div id="body"> 
     <div id="twitter"> 

     </div> 
    </div> 
</body>

CSS

body { 
background: url(...) no-repeat; 
background-size: 100%; 
} 

twitter { 
    background: url(...) no-repeat; 
    //top:10px; 
    //position: absolute; 
}

來源

2011-08-20 max_

脫穎而出的第一件事情是，你需要在哈希在你的CSS的標識符的前...

#body { 
background: url(...) no-repeat; 
background-size: 100%; 
} 

#twitter { 
    background: url(...) no-repeat; 
    //top:10px; 
    //position: absolute; 
}

我也建議使用爲了避免與<body> html標籤混淆，請在最外面的div上加上與「body」不同的名稱。它不是絕對必要的，但它有助於減少思考。

對於CSS：

如果你想通過ID來引用元素

= 「」，你的前綴的CSS規則標識符以「＃」，例如#twitter { .... }
如果您想通過class =「」引用元素，那麼您的CSS規則標識符的前綴爲「。」。，例如， .twitter { .... }

來源

2011-08-20 15:42:38

您的意思是把.twitter爲一類或#twitter作爲ID，而不是twitter（如標籤）。

來源

2011-08-20 15:42:51

是的，正如上面所說，你需要把#在CSS中提及ID時，但你還需要指定你的#twitter DIV一個width和height，這樣是會產生一定的尺寸。

來源

2011-08-20 15:57:08

幫助CSS定位

回答

相關問題