zoukankan      html  css  js  c++  java
  • background-size使用时的注意点

    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;
    }
  • 相关阅读:
    [TEST123] Performance Test
    [XML123] FpML
    [Java123] Java中的System.exit
    【大秦帝国123】
    1_1:编程概念 + 计算机基础
    响应式布局
    苏宁首页demo
    rem适配方案
    less的使用
    rem布局
  • 原文地址:https://www.cnblogs.com/DonaldTrump/p/6669609.html
Copyright © 2011-2022 走看看