css 如何让背景图片拉伸填充避免重复显示
摘要：如何让背景图片拉伸填充，这个问题听起来似乎很简单。但是很遗憾的告诉大家。不是我们想的那么简单。比如一个容器（body,div,span）中设...
如何让背景图片拉伸填充，这个问题听起来似乎很简单。但是很遗憾的告诉大家。不是我们想的那么简单。
比如一个容器（body,div,span）中设定一个背景。这个背景的长宽值在css2.1之前是不能被修改的。
所以实际的结果是只能重复显示，所以出现了repeat,repeat-x,repeat-y,no-repeat这些属性。就是用来控制背景图片的显示的。所以一般用作背景图片的有2类：
1.是一整张大图，尺寸和区域大小刚好吻合
2.一个很小的条状图，通过repeat后，形成一个很规则的大图背景。
但是css3出现以后，这个情况被改善了。background-size 属性可以让我们之前的希望成真。
而且这个属性在firefox，chrome，以及ie9上都可以使用。
具体使用方法如下：
背景图尺寸（数值表示方式）：
下一篇：
网站建设怎样控制大图片的网页宽度
相关阅读
网友关注
网友最新关注视频
- 第8课 对称剪纸_第一课时(二等奖)(沪书画版二年级上册)_T3784187
- 沪教版牛津小学英语（深圳用） 四年级下册 Unit 3
- 沪教版八年级下册数学练习册21.4（1）无理方程P18
- 外研版英语三起6年级下册（14版）Module3 Unit1
- 【部编】人教版语文七年级下册《泊秦淮》优质课教学视频+PPT课件+教案，广东省
- 冀教版小学英语四年级下册Lesson2授课视频
- 小学英语单词
- 【获奖】科粤版初三九年级化学下册第七章7.3浓稀的表示
- 七年级英语下册 上海牛津版 Unit9
- 第4章 幂函数、指数函数和对数函数（下）_六 指数方程和对数方程_4.7 简单的指数方程_第一课时(沪教版高一下册)_T1566237
精品推荐
网页设计子分类
最新 Div+Css教程学习