我想設置與圖像的<div></div>
內使用CSS爲目標的div的ID,而不是使用background-image: url("bg.jpg");
。我的形象<div></div>
看起來是這樣的:設置股利背景圖像
<div id="background">
<img src="imgs/bg1.jpg" alt="" />
</div>
在此先感謝您的幫助
我想設置與圖像的<div></div>
內使用CSS爲目標的div的ID,而不是使用background-image: url("bg.jpg");
。我的形象<div></div>
看起來是這樣的:設置股利背景圖像
<div id="background">
<img src="imgs/bg1.jpg" alt="" />
</div>
在此先感謝您的幫助
我設法解決它,這裏是代碼
HTML:
<div id="bg">
<img src="style/imgs/bg1.jpg" alt="">
</div>
CSS:
#bg {
position: fixed;
top: -50%;
left: -50%;
width: 100%;
height: 100%;
}
#bg img {
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
margin: auto;
min-width: 90%;
min-height: 90%;
}
很抱歉,但你的問題是悖論。
使用background-image: url(bg.jpg)
是CSS和要走的路。您可以使用CSS規則的樣式屬性中的DIV像這樣:
<div id="background" style="background-image: url(bg.jpg);"></div>
,或者你可以把規則的樣式塊在HTML頁面中像這樣的頭:
<head>
....
<style type="text/css">
#background {
background-image: url(bg.jpg);
}
</style>
</head>
<body>
....
或者你可以把它放在你的頁面中包含的CSS文件中。
在這兩種情況下,我建議你參考一本關於HTML和CSS的好書。這樣你也可以學習何時使用哪種方法。
不是'背景圖像:網址( 「bg.jpg」) ;'應用CSS? :| – 2014-10-20 18:57:06
對不起,我一定誤解了'backgroundground-image:url(「bg.jpg」);'標記,我想要使用'id =「background」'而不是圖像源來定位div內容的CSS – Oliver 2014-10-20 19:19:32
這不是「標籤」,但一個CSS規則。標籤是您在「<」和「」之後編寫的關鍵字,不包括元素的屬性。 要選擇id = background的元素,請使用CSS選擇器「#background」 – 2014-10-21 10:18:35