如何设置背景图片不受缩放影响

个人还是推荐使用css方式

#bg{
    background-image: url(bg.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;    
    /* background-repeat: repeat-x; */
    /* background-color: aquamarine; */
}

下面是img方式,
HTML代码

<div id="con"><img id="pic" src="maskimg/star.jpg"></div>

CS代码

 body{ margin:0; padding:0;}
 #pic{ width:100%;}
©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容