拉伸背景图片CSS？

小编典典

拉伸背景图片CSS？

html

这是我的CSS脚本

.style1 {
  background-image: url('http://localhost/msite/images/12.PNG');
  background-repeat: no-repeat;
  background-position: left center;
}

我想把background-image整个<td>细胞伸展

阅读 479

2020-05-10

共1个答案

小编典典

.style1 {
background: url(images/bg.jpg) no-repeat center center fixed;
-webkit-background-size: cover;
-moz-background-size: cover;
-o-background-size: cover;
background-size: cover;
}

适用于：

Safari 3+
Chrome Whatever +
IE 9+
Opera 10+（Opera 9.5支持背景大小，但不支持关键字）
Firefox 3.6+（Firefox 4支持非供应商前缀版本）

另外，您可以尝试此方法来解决IE解决方案

filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='.myBackground.jpg', sizingMethod='scale');
-ms-filter: "progid:DXImageTransform.Microsoft.AlphaImageLoader(src='myBackground.jpg', sizingMethod='scale')";
zoom: 1;

2020-05-10