css背景图根据屏幕大小自动缩放
程序员文章站
2022-03-25 22:05:14
...
css背景图根据屏幕大小自动缩放
代码:
<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>
以上就是css背景图根据屏幕大小自动缩放的详细内容,更多请关注其它相关文章!
上一篇: CSS盒子模型
推荐阅读
-
vue 使用css根据屏幕大小宽度自适应调整
-
PPT2010如何缩放打印预览显示大小及根据屏幕大小显示幻灯片
-
从0开始html前端页面开发_CSS实现设置背景图自适应屏幕大小
-
jquery实现根据浏览器窗口大小自动缩放图片的方法_jquery
-
gd库 - 跪求各位 php如何根据图片大小自动缩放水印?
-
不出现滚动条,图片自动缩放为屏幕_html/css_WEB-ITnose
-
如何判断屏幕大小来自动执行js?_html/css_WEB-ITnose
-
JS+css 图片自动缩放自适应大小_javascript技巧
-
根据屏幕大小,加载不同大小的图片_html/css_WEB-ITnose
-
gd库 - 跪求各位 php如何根据图片大小自动缩放水印?