完美的背景图全屏css代码 – background-size:cover?
html部分 <div class="bg"></div>
css部分
.bg{position: fixed;top: 0;left: 0;width: 100%;height: 100%;background: url(bg.jpg) no-repeat #000;background-size: cover;z-index: -1;}
如果图片宽度没有达到1900px以上,我会加上ie的滤镜来支持ie8
- -ms-filter:"progid:DXImageTransform.Microsoft.AlphaImageLoader(src='.http://huilang.me/bg.jpg', sizingMethod='scale')";
- filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='http://huilang.me/bg.jpg', sizingMethod='scale');