网页背景图自定义比例缩小或扩大覆盖整个页面

body {
    background-size:cover;
    text-align:center;
    /*此部分支持chrome,应该也支持firefox*/
    background:rgb(246,248,249);
    background:url(../img/bg.jpg) no-repeat center fixed transparent;
    background-attachment:fixed;
    background-size:100% 100%;
    /*以下是IE部分,使用滤镜*/
    filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../img/bg.jpg',sizingMethod='scale');
    background-repeat:no-repeat;
    background-position:100%,100%;
}

 

posted @ 2022-11-20 21:08  幻月无名  阅读(59)  评论(0编辑  收藏  举报