css3实现背景图片拉伸效果像桌面壁纸一样


Posted in HTML / CSS onAugust 19, 2013

使用css3 属性:background-size
background-size:cover 即可实现像桌面壁纸一样拉伸

以下是w3c上面的解释:

语法

复制代码
代码如下:

background-size: length|percentage|cover|contain;

css3实现背景图片拉伸效果像桌面壁纸一样
HTML / CSS 相关文章推荐
纯css3实现照片墙效果
Dec 26 HTML / CSS
css3动画效果小结(推荐)
Jul 25 HTML / CSS
巧用CSS3的calc()宽度计算做响应模式布局的方法
Mar 22 HTML / CSS
CSS实现进度条和订单进度条的示例
Nov 05 HTML / CSS
html5的新玩法——语音搜索
Jan 03 HTML / CSS
HTML5 Canvas中绘制矩形实例
Jan 01 HTML / CSS
Html5+JS实现手机摇一摇功能
Apr 24 HTML / CSS
Html5 滚动穿透的方法
May 13 HTML / CSS
HTML5 FileReader对象的具体使用方法
May 22 HTML / CSS
网站性能延迟加载图像的五种技巧(小结)
Aug 13 HTML / CSS
amaze ui 的使用详细教程
Aug 19 HTML / CSS
css如何把元素固定在容器底部的四种方式
Jun 16 HTML / CSS
发现两个有趣的CSS3动画效果
Aug 14 #HTML / CSS
纯CSS3制作的简洁蓝白风格的登录模板(非IE效果更好)
Aug 11 #HTML / CSS
CSS3正方体旋转示例代码
Aug 08 #HTML / CSS
CSS3 透明色 RGBA使用介绍
Aug 06 #HTML / CSS
实现CSS3中的border-radius(边框圆角)示例代码
Jul 19 #HTML / CSS
CSS3 实用技巧:实现黑白图像效果示例代码
Jul 11 #HTML / CSS
CSS3 Media Queries(响应式布局可以让你定制不同的分辨率和设备)
Jun 06 #HTML / CSS
You might like
如何判断php数组的维度
2013/06/10 PHP
js代码实现微博导航栏
2015/07/30 PHP
JavaScript中的Window窗口对象
2008/01/16 Javascript
IE和Firefox下event事件杂谈
2009/12/18 Javascript
在多个页面使用同一个HTML片段的代码
2011/03/04 Javascript
jquery无缝向上滚动实现代码
2013/03/29 Javascript
JavaScript实现复制功能各浏览器支持情况实测
2013/07/18 Javascript
快速解决FusionCharts联动的中文乱码问题
2013/12/04 Javascript
ff chrome和ie下全局动态定位的异同及全局高度的取法
2014/06/30 Javascript
Javascript中3个需要注意的运算符
2015/04/02 Javascript
AngularJS ng-bind-html 指令详解及实例代码
2016/07/30 Javascript
微信小程序 定义全局数据、函数复用、模版等详细介绍
2016/10/27 Javascript
jquery.validate[.unobtrusive]和Bootstrap实现tooltip错误提示问题分析
2016/10/30 Javascript
JavaScript脚本语言是什么_动力节点Java学院整理
2017/06/26 Javascript
underscore之function_动力节点Java学院整理
2017/07/11 Javascript
.vue文件 加scoped 样式不起作用的解决方法
2018/05/28 Javascript
Vue.JS实现垂直方向展开、收缩不定高度模块的JS组件
2018/06/19 Javascript
详解swipe使用及竖屏页面滚动方法
2018/06/28 Javascript
Vue.js子组件向父组件通信的方法实例代码详解
2018/12/10 Javascript
小程序根据手机机型设置自定义底部导航距离
2019/06/04 Javascript
微信小程序移动拖拽视图-movable-view实例详解
2019/08/17 Javascript
详解基于Vue的支持数据双向绑定的select组件
2019/09/02 Javascript
js模拟实现百度搜索
2020/06/28 Javascript
Python实现HTTP协议下的文件下载方法总结
2016/04/20 Python
Python设计模式之状态模式原理与用法详解
2019/01/15 Python
浅谈Python编程中3个常用的数据结构和算法
2019/04/30 Python
python之拟合的实现
2019/07/19 Python
Python 利用邮件系统完成远程控制电脑的实现(关机、重启等)
2019/11/19 Python
Charlotte Tilbury美国官网:英国美妆品牌
2017/10/13 全球购物
IdealFit官方网站:女性蛋白质、补充剂和运动服装
2019/03/24 全球购物
如何用PHP实现邮件发送
2012/12/26 面试题
新郎婚礼答谢词
2015/01/04 职场文书
2015年中个人总结范文
2015/03/10 职场文书
防暑降温通知书
2015/04/27 职场文书
房地产项目合作意向书
2015/05/08 职场文书
导游词之黄帝陵景区
2019/09/16 职场文书