javascript - 设置background-size为cover时能铺满但是图片显示不完整
阿神
阿神 2017-04-11 12:50:58
[JavaScript讨论组]
body{
        background: url("bk.jpg"); 
        background-size:cover;
        background-repeat:no-repeat;
    }

   在全屏时设置background-size为cover时能铺满但是图片显示不完整,设置100%也是不完整,但是浏览器为窗口状态时图片就完整
阿神
阿神

闭关修行中......

全部回复(7)
怪我咯

建议看下开发者工具中显示的实际样式跟你写的样式是不是一致。另外多说一句,第一行的background是其缩写形式,如果分开写的话建议将background-image写全。

怪我咯

background-size:container

大家讲道理

body加上宽度和高度试试。

PHP中文网

你是想要contain的效果吧?cover是会铺满但会裁剪图片的,

高洛峰

保证图片比例和盒子比例一致。

黄舟

给一下height:100% 和 width:100%看看,还有看看是不是兼容的问题

        width: 100%;
        height: 100%;
        background: url(img/bg.jpg);
        background-size: 100% 100%;
        -moz-background-size:100% 100%;
          -webkit-background-size:100% 100%;
          -o-background-size:100% 100%;
        background-repeat: no-repeat;
        /*ie兼容背景满屏*/
        background-image: url('img/bg.jpg');
        background-size: cover;
        filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='img/bg.jpg',  sizingMethod='scale');
黄舟
body{
        background: url("bk.jpg") no-repeat center; 
        background-size:100% 99.9%; 
    }
    
热门教程
更多>
最新下载
更多>
网站特效
网站源码
网站素材
前端模板
关于我们 免责申明 举报中心 意见反馈 讲师合作 广告合作 最新更新 English
php中文网:公益在线php培训,帮助PHP学习者快速成长!
关注服务号 技术交流群
PHP中文网订阅号
每天精选资源文章推送
PHP中文网APP
随时随地碎片化学习

Copyright 2014-2025 https://www.php.cn/ All Rights Reserved | php.cn | 湘ICP备2023035733号