问答详情
源自:3-9 企业网站制作之信息展示区制作

纳闷~如果将背景颜色代码调放在margin-top语句下的空行位置,背景颜色就显示不出来了,是什么原因?

.search_text{ 

     width: 190px;

     float: left; height: 25px; 

     margin-top: 5px;

<!--空行位置-->

     background:url(../images/search.jpg) no-repeat right center;

     background-color: #fff; 

     border: 1px solid #fff; 

     padding-right: 25px;

 }  

提问者:qq_隔壁少年郎_0 2016-12-27 13:53

个回答

  • 青湛
    2017-01-02 11:41:33
    已采纳

    background属性包含background-color属性,先设置background-color为白色,在设置background属性时如果你不加颜色参数,默认是无,也可以这样写background: #fff url("") no-repeat right center;

    background: 颜色参数 url("") no-repeat right center;颜色参数的地方如果不写就是无,这个属性覆盖了background-color:#fff,background这个属性先写,background-color属性就会覆盖background。

  • qq_隔壁少年郎_0
    2016-12-27 18:06:28

    但是图片仅仅不到25px的长宽且不重复有浮动,而search_text 输入框长度有190px呢。大小不同也能完全覆盖吗?

    58623d0400014a0704150180.jpg

    58623d040001ff7602790058.jpg


  • 艾夏
    2016-12-27 15:51:14

    应该是被背景图片覆盖了,网页读取代码是从上往下读取的