将DIV调整为背景图像的大小

Question

我有一个具有以下风格的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尺寸与背景图像相同。由于bg图像发生了变化，我希望它能够自动设置。我可以使用JavaScript，但我更喜欢CSS方式。

我的目标是 HTML5浏览器，即FireFox，Webkit和Opera。

由于

答案：

使用 Kyle Sevenoaks 提示，您可以通过在DIV中放置图像元素来实现。

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

删除Background属性，不需要其他样式。

Answer 1

CSS无法做到这一点，div从其中的内容中获取其维度。背景图像纯粹是造型的标志。

您应该能够使用Javascript执行此操作，找到高度和宽度值并将它们注入内联样式应该这样做：）

您还可以在<img> div中使用.logo标记。这会产生你想要的东西。

Answer 2

CSS无法为背景图片执行此操作。

Answer 3

使用纯CSS这是不可能的。我认为你需要用JavaScript来做。你真的需要这个动态吗？我认为，如果徽标发生变化，更改样式表中的两个值就不那么重要了。