Html 在移动设备上是否有CSS背景大小属性的替代方案？

在CSS3中，在按钮的背景图像上设置

background size

，将其拉伸到按钮的高度和宽度

因为我的目标是移动设备，而有些设备不支持，所以有没有一种方法可以替代

背景大小

。我不想在px或em中指定任何内容。

不，不太想

有一个

背景重复

，它获取一个背景图像，并沿x轴和/或y轴重复该图像。根据您希望按钮的外观，这可能会起作用：请参见

但是没有任何东西能像

背景大小那样具有相同的效果。这就是引入背景尺寸的原因。
不，没有

这是CSS3上引入的一个新属性。许多浏览器已经知道这一点，但对于那些不知道的浏览器，您有两个主要选项：


优雅地降级，类似于。我认为这是更好更简单的方法
使用不同的图像大小，并根据按钮大小选择每个图像大小（使用vanilla JavaScript、jQuery、Motools等）
请参阅-它详细介绍了一种不使用背景大小的方法。
您可以在IE8中尝试此方法。我的项目是MVC4，我尝试了这个，并为我工作（IE+Chrome）

很好的链接，非常有趣的想法。对于您提供的链接中的图标，repeat-x可以正常工作，但是repeat-y不行。@Prabhat：好的，当然可以，但是对于带有边缘的设计，它将是
repeat-x
或
repeat-y
。
div class="logoDiv">  </div>  

.logoDiv {  
        max-width: 100%;
        height: 100px; /*(My Image height was 100px .....You please define yours)*/
        background: url("../Images/logo.jpg") no-repeat;
        background-size: cover; 
        filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../Images/.logo.jpg.jpg', sizingMethod='scale');
    -ms-filter: "progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../Images/logo.jpg', sizingMethod='scale')";   
    }