zoukankan      html  css  js  c++  java
  • 背景图片与背景颜色的问题

    昨天在做输入框的时候,遇到了点问题,先给效果图吧。
    效果图如下:
    源代码如下:
    #search-input{
        border: none;
        border-radius: 6px;
        height: 35px;
         62%;
        margin-left: 3%;
        margin-right: 3%;
        font-size: 0.9rem;
        font-weight: 600;
        text-align: center;
        background-color: #d7d7d9;
        background: url(../images/search.png) no-repeat 3% center;
        background-size: 17px;
        padding: 0 8%;
    }
    效果图如下:
    分析:结果发现背景颜色没了,翻了下论坛,发现background的写法很重要,如果又想有背景图片,又需要背景色,那就需要注意写法。如果先设背景色再设背景图,那么背景色就会被背景图覆盖掉。
    所以可以写为:
    background: #d7d7d9 url(../images/search.png) no-repeat 3% center;
    效果如下所示:
    这样就搞定了。
  • 相关阅读:
    P3275 [SCOI2011]糖果 题解
    hdu 2962 题解
    hdu 2167 题解
    hdu 2476 题解
    hdu 5418 题解
    2019.10.16&17小结
    poj 3061 题解(尺取法|二分
    poj 1852&3684 题解
    NOIP2017[提高组] 宝藏 题解
    一类经典问题的解法
  • 原文地址:https://www.cnblogs.com/JennyLin77/p/5308158.html
Copyright © 2011-2022 走看看