HTML+CSS製作全螢幕背景 – Full Screen Background Image With HTML+CSS


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+*/
}

一般背景圖效果(背景會一個一個重覆)

使用全螢幕背景效果(背景圖會依據視窗大小調整)



發佈留言

發佈留言必須填寫的電子郵件地址不會公開。 必填欄位標示為 *