大小的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背景图像

回答

相关问题