網(wǎng)上查了很多關(guān)于如何全屏的，最搓的平鋪，還有的則用濾鏡....

這里我提供一個(gè)我個(gè)人比較喜歡的解決方案


html {
background: url(images/bg.jpg) no-repeat center center fixed;
-webkit-background-size: cover;
-moz-background-size: cover;
-o-background-size: cover;
background-size: cover;
}


該方法適用于的瀏覽器：
Safari 3+
Chrome 任意版本
IE 9+
Opera 10+
Firefox 3.6+


此處有一個(gè)缺憾，對(duì)于國(guó)內(nèi)這種動(dòng)不動(dòng)就IE的人你傷不起，所以我們還是要針對(duì)IE做一個(gè)解決方案


filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='.myBackground.jpg', sizingMethod='scale');
-ms-filter:"progid:DXImageTransform.Microsoft.AlphaImageLoader(src='myBackground.jpg', sizingMethod='scale')";

注：IE的解決方案少部分在使用的時(shí)候出現(xiàn)了一些導(dǎo)致頁面掛掉的情況。

總結(jié)

以上是生活随笔為你收集整理的html背景图片全屏效果的方式的全部?jī)?nèi)容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網(wǎng)站內(nèi)容還不錯(cuò)，歡迎將生活随笔推薦給好友。