如何让背景图片不重复填充在div中
2017-03-16 10:10
323 查看
1.使用background,不能改变图片的大小,只能直接放进去;
2.用img标签可以做到填充:<div><img src="..."></div> ,div设好了width和height,img给height:100%;width:100%即可(图片有可能会失真)
拓展:填充好图片后,怎么可以在上面布局:
2.用img标签可以做到填充:<div><img src="..."></div> ,div设好了width和height,img给height:100%;width:100%即可(图片有可能会失真)
拓展:填充好图片后,怎么可以在上面布局:
定义一个层在图片上,这里要用到定位——position <div class="divdemo"><img alt="" src=""> <span class="demo"></span> </div> .divdemo{position: relative;} .demo{position: absolute;}
相关文章推荐
- css 如何让背景图片拉伸填充避免重复显示
- css 如何让背景图片拉伸填充避免重复显示
- css 如何让背景图片拉伸填充避免重复显示 不是平铺
- css 如何让背景图片拉伸填充避免重复显示
- css 如何让背景图片拉伸填充避免重复显示
- css 如何让背景图片拉伸填充避免重复显示
- 给div设置背景图片(x轴重复排列)
- 如何防止网页的背景图片重复 no-repeat
- 如何让背景图片拉伸填充
- 如何让img设置成为div中的背景图片
- 制作html网页时如何使用CSS使背景图片拉伸(填充)
- 如何用一张图片做背景图,并且图片自适应div的大小
- 如何让背景图片拉伸填充
- 如果让DIV的背景图片适应DIV的高和宽,不平铺,不重复
- 如何用一张图片做背景图,并且图片自适应div的大小
- css背景图片拉伸填充避免重复显示
- 如何用图片填充背景
- asp.net IE下div背景图片100%拉伸填充,可以缩放
- 如果让DIV的背景图片适应DIV的高和宽,不平铺,不重复
- CSS让DIV按照背景图片的比例缩放,并让背景图片填充整个DIV