css背景图根据屏幕大小自动缩放
2013-07-24 13:40
267 查看
css背景图根据屏幕大小自动缩放
代码:
演示样例:http://t.163.com/session
代码:
<style> html,body{margin:0px;padding:0px;} #background { position: fixed;top: 0;left: 0;width: 100%;height: 100%;overflow: hidden;background-color: #211f1f; display:none\8;} #background .bg-photo {position: absolute;top: 0;left: 0;width: 100%;height: 100%;display: none;overflow: hidden;-webkit-background-size: cover !important;-moz-background-size: cover !important;-o-background-size: cover !important;background-size: cover !important;} #background .bg-photo-1 { url(1.jpg ) no-repeat center center;} #background-ie { position: fixed;top: 0;left: 0;width: 100%;height: 100%;overflow: hidden;background-color: #211f1f;} </style> <div id="background"> <div class="bg-photo bg-photo-1" style="display: block;"></div> </div>
演示样例:http://t.163.com/session
相关文章推荐
- html 网页背景图片根据屏幕大小CSS自动缩放
- 需求:UIView 设置背景图,并根据屏幕大小自动铺满缩放
- CSS背景图片自适应 根据浏览器分辨率大小自动伸缩
- 如何通过CSS实现背景图片自动平铺或拉伸至整个屏幕(自适应大小)
- 让网页背景图片 根据屏幕大小自动铺满
- C# winform根据屏幕大小自动缩放
- css背景图自动适应浏览器大小
- CSS 背景图随div大小缩放 兼容IE
- jquery实现根据浏览器窗口大小自动缩放图片的方法
- js 根据屏幕大小调用不同的css文件
- 如何让图片自动缩放到css大小?
- css图片缩放 通过css控制图片自动缩放至css定义大小
- JS+css 图片自动缩放自适应大小
- Jquery让图片根据浏览器窗口大小自动缩放
- 窗口根据屏幕分辨率自动调整大小
- XML:根据浏览器类型屏幕分辨率自动调用不同CSS的代码
- css控制背景图片随div的大小而缩放
- js根据手机屏幕宽度自动设置字体大小
- Android 根据屏幕分辨率自动调整字体大小
- CSS根据屏幕分辨率宽度自动适应的办法