求大佬帮我看一下为什么这个span标签背景图片显示不出来

[复制链接]
查看11 | 回复5 | 2021-1-27 05:16:43 | 显示全部楼层 |阅读模式
  • 登录
  • 注册
    消息通知
    购物车

    这是html部分
    #top{
    background-color:#333333;
    height:36px;
    }
    #topul{
    }
    #topulli{
    float:left;
    border-right:1pxsolid#3C423C;
    margin:5px00;
    padding:08px;
    }
    #topullia{
    font-size:10px;
    color:#B0B0B0;
    }
    #top.SL{
    border:none;
    }
    #top.gwc{
    background-color:#424242;
    height:30px;
    margin:0;
    padding:5px20px3px;
    }
    #top.gwcspan{
    display:inline-block;
    height:20px;
    width:20px;
    vertical-align:middle;
    background-image:url("../img/gwche.png")no-repeat;
    background-size:cover;
    }
    这是css部分,span标签的背景图片显示不出来,但是改成背景颜色的话就能显示了。
    分 -->
  • 回复

    使用道具 举报

    千问 | 2021-1-27 05:16:43 | 显示全部楼层
    要么把background-image改成background,要么把no-repeat去掉,因为background-image不能加no-repeat
    回复

    使用道具 举报

    千问 | 2021-1-27 05:16:43 | 显示全部楼层
    background-size把cover改成100%,这样图片才能铺满
    回复

    使用道具 举报

    千问 | 2021-1-27 05:16:43 | 显示全部楼层
    引用1楼fizzyfly的回复:要么把background-image改成background,要么把no-repeat去掉,因为background-image不能加no-repeat
    正确!!


    回复

    使用道具 举报

    千问 | 2021-1-27 05:16:43 | 显示全部楼层
    语法错误
    改成background:url("../img/gwche.png")no-repeat;
    你写的是
    background-image:url("../img/gwche.png")no-repeat;
    所以这行代码废了

    回复

    使用道具 举报

    千问 | 2021-1-27 05:16:43 | 显示全部楼层
    -image把这个去掉
    回复

    使用道具 举报

    您需要登录后才可以回帖 登录 | 立即注册

    本版积分规则

    主题

    0

    回帖

    4882万

    积分

    论坛元老

    Rank: 8Rank: 8

    积分
    48824836
    热门排行