Question

我无法调整div的背景img，因此它被图像填充，无论div和img的大小如何。如果图像较小则应该拉伸，反之亦然。无论变形和质量下降，整个图像都应该是可见的。

我尝试了所有这些组合和排列，以及更多。简单 - 不起作用。

 background-repeat: no-repeat;
 background-position: top center;
 background-size: auto;
 background-size: cover;
 background-size: contain;
 background-size: 100% 100%;

根据W3C验证器，我使用Firefox 22，css是有效的css3。

Answer 1

这仅适用于CSS3

background-size: 100% 100%;

UPD：对于旧的IE，您可以使用过滤器：

-ms-filter:"progid:DXImageTransform.Microsoft.AlphaImageLoader(src='imgpath', sizingMethod='scale')";  /* IE8 */
filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='imgpath', sizingMethod='scale'); /* pre IE8 */

Answer 2

尝试为您为div提供的图像设置相同的高度和宽度。

var currentHeight = $('.element_class').height();
var currentWidth = $('.element_class').width(); 
$('.yourimage').height()=currentHeight;
$('.yourimage').height()=currentWidth;

如何调整div的背景图片？

2 个答案: