背景图片的自定义

转载于 2014-09-20 20:35:00 发布 · 77 阅读

CC 4.0 BY-SA版权

原文链接：http://www.cnblogs.com/xinlinux/p/3983666.html

本文介绍了如何使用CSS来设置网页背景图片，并确保图片能够自适应屏幕尺寸，通过不同浏览器兼容性的设置实现美观且统一的视觉效果。


body：


 .landing-bg {
　　height: 100%;
　　background: url(背景链接地址) no-repeat;
　　-webkit-background-size: cover;
　　-moz-background-size: cover;
　　-ms-background-size: cover;
　　-o-background-size: cover;
　　 background-size: cover;
　　overflow: hidden;
}



Div上定义背景图片

.s-skin-container {

html {
	background: url(图片地址) no-repeat center center fixed;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
}