CSS背景图像+跨度图像整个大小的DIV

问题描述：

我有一个DIV，保存配置文件信息和DIV的大小会每个人不同。我想沿DIV运行一个背景图片，并希望它根据配置文件的长度来调整大小。CSS背景图像+跨度图像整个大小的DIV

我已经试过如下：

<div id="profileThemeWrapper"></div>

CSS

div#profileThemeWrapper { 
    background: url(../images/online-dating-main/themes/heart-theme.jpg) no-repeat; 
}

这并不调整所有帮助 - 它只是显示图像，因为它是。

我也试过用这个标签，发现当我使用这个图片时，图片不能在文本下运行。

有没有办法在一个DIV后面运行一个图像，这个DIV的大小会发生变化并且图像的大小会随着DIV的大小而变化？

thx

答

无法使用CSS2调整背景图像的大小。

你can do it using CSS3虽然。

答

var target = document.getElementById("profileThemeWrapper"); 
var wd = target.scrollWidth; 
var hd = target.scrollHeight;

这应该返回DIV的“真实”大小（即使它被裁剪）。然后，您可以使用这些值来确定图像的大小。

答

#background 
{ 
    width:auto; 
    height:auto; 
    background: url(/images/special_offer.png); 
    background-repeat: no-repeat; 
    background-size: 100% 100%; 
    -webkit-background-size: 100% 100%; /* Safari */ 
    -khtml-background-size: 100% 100%; /* Konqueror */ 
    -moz-background-size: 100% 100%; /* Firefox */ 
}

这里有一个尝试：http://jsfiddle.net/rqVU6/调整宽度或高度看到的结果着，当然在你的代码，你会摆脱宽度和高度属性我猜，因为你有一个非固定规模格。在这里你有一个内容和宽度为自动的例子：http://jsfiddle.net/rqVU6/1/ 我希望这对你有帮助。

答

在这里，我也修复了它，它与行内块。

.oe_field_legend_star { 
background-image: url(web/static/src/img/icons/star-on.png); 
width: 15px; 
height: 15px; 
display: inline-block;}

此作品精湛，没有新线显示：阻止一些如何做的问题，

CSS背景图像+跨度图像整个大小的DIV

相关推荐