大小的DIV背景圖像

的大小我有以下樣式大小的DIV背景圖像

.vplayer-container .logo 
{ 
position: absolute; 
bottom: 50px; 
right: 10px; 
background: url(../img/logo.png) no-repeat; 
border: 1px solid #000000; 
max-width: 50px; 
max-height: 50px; 
}

我想的是，DIV大小是一樣的背景圖像的DIV。由於bg圖像發生變化，我希望它自動設置。我可以使用JavaScript，但我更喜歡CSS的方式。

我針對的是HTML5瀏覽器即FireFox，Webkit和Opera。

感謝

答：

隨着凱爾 - 塞文歐克斯提示，你可以通過把圖像元素的DIV內做到這一點。

<div> 
<img src="url"> 
</div>

刪除背景屬性，不需要其他樣式。

來源

2010-09-23 Omar Abid

CSS無法做到這一點，div從它的內容中獲得它的尺寸。背景圖像純粹是造型的標誌。

你應該能夠使用JavaScript來做到這一點，尋找高度和寬度值，並將其注入到內聯樣式應該這樣做:)

您還可以使用.logo格內的<img>標籤。這會產生你想要的。

來源

2010-09-23 13:34:34 Kyle

謝謝，這是我正在尋找的答案:)把圖像放在DIV中，一切都應該正常。 – 2010-09-23 13:37:28

CSS無法爲背景圖像做到這一點。

來源

2010-09-23 13:32:16

我忘了提，我只針對HTML5瀏覽器 – 2010-09-23 13:33:22

這對於純粹的CSS來說是不可能的。我認爲你需要用JavaScript來完成。你真的需要這是動態的嗎？如果徽標發生變化，我認爲在樣式表中更改兩個值是不太方便的。

來源

2010-09-23 13:33:16 jwueller

這是一個腳本，用戶可以把這些值;然而，爲他做這件事會讓事情變得更容易。 – 2010-09-23 13:35:51

大小的DIV背景圖像

回答

相關問題