html { background: url(image/index/bg.jpg) no-repeat center center fixed; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='image/index/bg.jpg', sizingMethod='scale'); -ms-filter: "progid:DXImageTransform.Microsoft.AlphaImageLoader(src='image/index/bg.jpg', sizingMethod='scale')";/* 這個效果目前可以順利的運作在以下的瀏覽器: Firefox 3.6+ Chrome 8+ IE 7+ Safari 3+ Opera 10+*/ }
一般背景圖效果(背景會一個一個重覆)
使用全螢幕背景效果(背景圖會依據視窗大小調整)