background-size使用时的注意点

时间：2017-04-05 17:36:47 阅读：150 评论：0 收藏：0 [点我收藏+]

background-size要写在background-image后面，否则background-size不会生效

.comment .clist .item code {
    background-size: 0.42rem;
    background: url(/img/zan1.png) no-repeat;
}

这样写,background-size是不生效的

必须这样写：

.comment .clist .item code {
    background: url(/img/zan1.png) no-repeat;
    background-size: 0.42rem;
}

如果一个后面的一个样式修改了background-image,则background-size也要一起修改，否则原先设置的background-size会失效

比如，原先的样式如下：

.comment .clist .item code {
    background: url(/img/zan1.png) no-repeat;
    background-size: 0.42rem;
}

现在有个操作修改了background-image的值

.comment .clist .item code {
    background: url(/img/zan2.png) no-repeat;
}

则原先设置的background-size会失效，需要重新设置

.comment .clist .item code {
    background: url(/img/zan2.png) no-repeat;
    background-size: 0.42rem;
}

原文地址：http://www.cnblogs.com/DonaldTrump/p/6669609.html

踩

(0)

评论一句话评论（0）

分享档案

更多>

周排行