background-image背景图片拉伸平铺

background-image背景图片拉伸平铺

<div style="width: 10%;height: 40px;background-image: url('../images/titleProject.png');filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(sizingMethod='scale');-moz-background-size:100% 100%;background-size:100% 100%;text-align: center;vertical-align: middle;margin-left:-40px"><span style="padding-right:20%;color: white">选填项</span></div>

效果：

使用的背景图片：

实现方法主要是： 1，

filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(sizingMethod='scale');

2， -moz-background-size:100% 100%;background-size:100% 100%;

该方法目前以兼容80%的浏览器，可以放心使用！ ———————————————— 版权声明：本文为CSDN博主「MajorMayer」的原创文章，遵循CC 4.0 BY-SA版权协议，转载请附上原文出处链接及本声明。 原文链接：https://blog.csdn.net/MajorMayer/article/details/50669000