背景图各种操作

最新推荐文章于 2024-01-19 23:43:33 发布

左又

最新推荐文章于 2024-01-19 23:43:33 发布

阅读量146

点赞数

分类专栏：前端

本文链接：https://blog.csdn.net/qq_29715077/article/details/90697175

版权

前端专栏收录该内容

21 篇文章 0 订阅

订阅专栏

body {
    background-image: url(../images/bakimg.jpg); 
    background-size: 100% 100%;
    background-repeat: no-repeat;
    background-attachment:fixed;
}

背景图始终平铺整个浏览器，不随着浏览器的移动而变化

//背景始终居中

body{ margin:0; padding:0;} 
#con{ 
position:absolute; 
top:0; 
left:0; 
height:100%; 
width:100%; 
background-image:url("maskimg/star.jpg"); 
background-position: center 0; 
background-repeat: no-repeat; 
background-attachment:fixed; 
background-size: cover; 
-webkit-background-size: cover;/* 兼容Webkit内核浏览器如Chrome和Safari */ 
-o-background-size: cover;/* 兼容Opera */ 
zoom: 1; 
}