完美的背景图全屏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

  1. -ms-filter:"progid:DXImageTransform.Microsoft.AlphaImageLoader(src='.http://huilang.me/bg.jpg', sizingMethod='scale')";
  2. filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='http://huilang.me/bg.jpg', sizingMethod='scale');
posted @ 2017-10-27 12:34  丁丁-Smile  阅读(1304)  评论(0编辑  收藏  举报