2014-10-20 56 views
-2

我想設置與圖像的<div></div>內使用CSS爲目標的div的ID,而不是使用background-image: url("bg.jpg");。我的形象<div></div>看起來是這樣的:設置股利背景圖像

<div id="background"> 
    <img src="imgs/bg1.jpg" alt="" /> 
</div> 

在此先感謝您的幫助

+5

不是'背景圖像:網址( 「bg.jpg」) ;'應用CSS? :| – 2014-10-20 18:57:06

+0

對不起,我一定誤解了'backgroundground-image:url(「bg.jpg」);'標記,我想要使用'id =「background」'而不是圖像源來定位div內容的CSS – Oliver 2014-10-20 19:19:32

+0

這不是「標籤」,但一個CSS規則。標籤是您在「<」和「 2014-10-21 10:18:35

回答

0

我設法解決它,這裏是代碼
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%; 
} 
2

很抱歉,但你的問題是悖論。

使用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的好書。這樣你也可以學習何時使用哪種方法。