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上都可以使用。
具体使用方法如下:
背景图尺寸(数值表示方式):
复制代码
【css 如何让背景图片拉伸填充避免重复显示】相关文章:
下一篇:
网站建设怎样控制大图片的网页宽度
相关阅读
网友关注
网友最新关注视频
- 《空中课堂》二年级下册 数学第一单元第1课时
- 冀教版英语五年级下册第二课课程解读
- 沪教版牛津小学英语(深圳用) 六年级下册 Unit 7
- 【部编】人教版语文七年级下册《泊秦淮》优质课教学视频+PPT课件+教案,湖北省
- 第五单元 民族艺术的瑰宝_16. 形形色色的民族乐器_第一课时(岭南版六年级上册)_T1406126
- 冀教版小学数学二年级下册第二单元《余数和除数的关系》
- 第12章 圆锥曲线_12.7 抛物线的标准方程_第一课时(特等奖)(沪教版高二下册)_T274713
- 化学九年级下册全册同步 人教版 第25集 生活中常见的盐(二)
- 人教版二年级下册数学
- 化学九年级下册全册同步 人教版 第18集 常见的酸和碱(二)
精品推荐
分类导航
网页设计子分类
最新 Div+Css教程学习