IE8浏览器不兼容这种写法:
1 body{ 2 background-image:url(1.jpg); 3 background-size:cover; 4 background-repeat:no-repeat; 5 } 6 7 <body> 8 </body>
网上找了很多方法,包括使用滤镜什么的都不管用,后来发现其实很简单。
解决方法:使用<img>标签即可,如下:
1 img { 2 position: fixed; 3 width: 100%; 4 height: 100%; 5 top: 0; 6 left: 0; 7 z-index: -1; 8 } 9 10 <img src="1.jpg">
很简单有木有。。。