代码之家 › 专栏 › 技术社区 › Omar Abid

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

background-image css html

2

Omar Abid · 技术社区 · 15 年前

我有一个下列样式的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浏览器 这是火狐、Webkit和Opera。

谢谢

答:

用 塞文欧克斯凯尔 提示,您可以通过在DIV中放置一个image元素来实现。

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

删除background属性,不需要其他样式。

3 回复 | 直到 13 年前

1

3

Jon Adams 13 年前

CSS不能这样做,DIV从其内容中获取其维度。背景图像纯粹是一种风格标志。

您应该能够使用javascript完成这项工作,找到高度和宽度值,并将它们注入到内联样式中,应该做到:)

您也可以使用 <img> 标签内 .logo 这将产生你想要的。

2

0

Jeaf Gilbert 15 年前

CSS无法对背景图像执行此操作。

3

0

jwueller 15 年前

使用纯CSS是不可能的。我认为你需要用JavaScript来完成它。你真的需要这个来保持活力吗?我认为如果徽标改变,那么改变样式表中的两个值就不那么容易了。