开发者社区> 问答> 正文

怎么才能让一张图片铺满整个浏览器?

怎么才能让一张图片铺满整个浏览器?并且随浏览器的缩小而缩小,谢谢!
screenshotl

展开
收起
杨冬芳 2016-06-23 16:10:54 2731 0
1 条回答
写回答
取消 提交回答
  • IT从业
    html, body
    {
        margin: 0;
        padding: 0;
        background: url('images/background.png');
        repeat: no-repeat;
        background-attachment:fixed;
        filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/background.jpg', sizingMethod='scale');
        -ms-filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/background.jpg', sizingMethod='scale');
        background-size: cover;
        -moz-background-size: cover;
        -webkit-background-size: cover;
    }

    其中images/background.jpg是你的图片url。
    此代码兼容IE6/7/8/9以及所有现代浏览器。

    2019-07-17 19:46:30
    赞同 展开评论 打赏
问答排行榜
最热
最新

相关电子书

更多
WEB浏览器中即将发生的安全变化 立即下载
基于浏览器的实时构建探索之路 立即下载
基于浏览器的实时构建探索之路--玄寂 立即下载