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上都可以使用。
具体使用方法如下：
背景图尺寸（数值表示方式）：
下一篇：
网站建设怎样控制大图片的网页宽度
相关阅读
网友关注
- 小米MAX第一次充电需要多长时间？小米MAX手机电池保养方法以及充电注意事项
- 莱特币交易平台官网地址是什么？ litecoin莱特币中国交易平台网站汇总
- 插入U盘或mp3时U盘盘符无法显示怎么解决
- 桌面图标出现小黄锁怎么去掉？电脑桌面图标有黄锁的解决方法教程
- 如何解决开机总出现press K to start backup or restore system.timeout的问题
- 莱特币是什么？莱特币和比特币区别是哪些
- 打开AVI格式的视频提示COM Surrogate已停止工作
- 手机WiFi连接上了却上不了网怎么回事？手机WiFi连接上了却上不了网的解决办法
- 电脑证书错误即上网站打不开提示证书错误
- CorelDraw设计制作浪漫七夕情人节海报教程
网友最新关注视频
- 七年级英语下册 上海牛津版 Unit5
- 北师大版小学数学四年级下册第15课小数乘小数一
- 外研版英语三起6年级下册（14版）Module3 Unit2
- 【部编】人教版语文七年级下册《过松源晨炊漆公店（其五）》优质课教学视频+PPT课件+教案，江苏省
- 二次函数求实际问题中的最值_第一课时(特等奖)(冀教版九年级下册)_T144339
- 【部编】人教版语文七年级下册《泊秦淮》优质课教学视频+PPT课件+教案，湖北省
- 人教版二年级下册数学
- 飞翔英语—冀教版(三起)英语三年级下册Lesson 2 Cats and Dogs
- 沪教版牛津小学英语（深圳用） 五年级下册 Unit 12
- 河南省名校课堂七年级下册英语第一课（2020年2月10日）
精品推荐
分类导航
网页设计子分类
最新 Div+Css教程学习