background兼容IE9以下版本

最新推荐文章于 2021-08-03 19:58:38 发布

weixin_30614587

最新推荐文章于 2021-08-03 19:58:38 发布

阅读量136

点赞数

CC 4.0 BY-SA版权

原文链接：http://www.cnblogs.com/zhousen34/p/7225600.html

本文介绍了一种使用CSS设置背景图片的方法，使得图片能够在浏览器窗口中始终保持固定位置，并且能够根据窗口大小进行调整以实现全覆盖效果。文章详细展示了如何通过不同的CSS属性如background-attachment和background-size来达到预期的效果。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

.box {
    width:100%;
    height:80%;
    background: url('img/nav_bg.png') no-repeat;
    background-attachment: fixed;
    filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='img/nav_bg.png', sizingMethod='scale');
    -ms-filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='img/nav_bg.png', sizingMethod='scale');
    background-size: cover;
    -moz-background-size: cover;
    -webkit-background-size: cover;
    font-family: "微软雅黑";
   }

转载于:https://www.cnblogs.com/zhousen34/p/7225600.html