完美的背景图全屏css代码 – background-size:cover?

时间 2019-12-13

标签完美背景全屏 css 代码 background size cover 栏目 CSS 繁體版

原文原文链接

html部分 <div class="bg"></div>css

css部分html

.bg{position: fixed;top: 0;left: 0;width: 100%;height: 100%;background: url(bg.jpg) no-repeat #000;background-size: cover;z-index: -1;}ui

若是图片宽度没有达到1900px以上，我会加上ie的滤镜来支持ie8url

-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');