background-image - 如何调整div的背景图片？

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;