zoukankan      html  css  js  c++  java
  • css控制背景图片在浏览器中居中,下拉浏览器的时候背景图一直不变

    如 http://www.gm.com/ 

     css样式如下

     1 body{ margin:0; padding:0;} 
     2 #con{ 
     3 position:absolute; 
     4 top:0; 
     5 left:0; 
     6 height:100%; 
     7 width:100%; 
     8 background-image:url("maskimg/star.jpg"); 
     9 background-position: center 0; 
    10 background-repeat: no-repeat; 
    11 background-attachment:fixed; 
    12 background-size: cover; 
    13 -webkit-background-size: cover;/* 兼容Webkit内核浏览器如Chrome和Safari */ 
    14 -o-background-size: cover;/* 兼容Opera */ 
    15 zoom: 1; 
    16 } 

    background-size:cover,这个CSS3的属性作用是把背景图像扩展至足够大,以使背景图像完全覆盖背景区域,背景图像的某些部分也许无法显示在背景定位区域中

    background-attachment属性设置背景图像是否固定或者随着页面的其余部分滚动,当设置为fixed时页面的其余部分滚动时,背景图像不会移动。

    注:这个是从别的地方转载过来的,转载出处:http://www.jb51.net/css/221348.html

    热爱互联网it技术,个人技术QQ群516728814,欢迎有兴趣的小伙伴进群
  • 相关阅读:
    126
    125
    124
    123
    122
    121
    120
    119
    洛谷 P5407 【[THUPC2019]历史行程】
    济南清北学堂七日游
  • 原文地址:https://www.cnblogs.com/jieshendada/p/4699606.html
Copyright © 2011-2022 走看看