首页 前端知识 background-image背景图片拉伸平铺

background-image背景图片拉伸平铺

2024-04-29 12:04:09 前端知识 前端哥 747 950 我要收藏

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

转载请注明出处或者链接地址:https://www.qianduange.cn//article/6433.html
标签
评论
发布的文章

HTML5本地存储

2024-05-06 09:05:10

HTML5和CSS3新特性

2024-04-16 17:04:36

大家推荐的文章
会员中心 联系我 留言建议 回顶部
复制成功!