html - 将 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 做到这一点，找到高度和宽度值并将它们注入(inject)内联样式应该可以做到:)

您还可以使用 <img> .logo 内的标签分区这将产生您想要的结果。