CSS - 背景图片拉伸的方法

css中能个添加背景图片background:url(“”);但是这里只能指定no-repeat或者repeat-x,repeat-y这些平铺的方式.
如果我们想要图片是拉伸的,我们该怎么办呢?方法有两个:

style="filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='', sizingMethod='scale')";但是这个滤镜只对IE有效.
我们可以选择在底下一个层放一个img(这个img是可以拉伸的),然后上面一层放我们的内容.

        1: <div><img src="图片地址" width="100%"></div>

       2: <div style="position:absolute; top:0px;left:0px; width:100%">

       3:     我们的内容    

       4: </div>

本人有限,暂时只能想到这样的方法了.

来源：https://www.cnblogs.com/huangjacky/archive/2011/08/12/2135761.html

标签

拉伸

易学教程内所有资源均来自网络或用户发布的内容，如有违反法律规定的内容欢迎反馈！
该文章没有解决你所遇到的问题?点击提问,说说你的问题,让更多的人一起探讨吧!