纳闷~如果将背景颜色代码调放在margin-top语句下的空行位置，背景颜色就显示不出来了，是什么原因？
来源：3-9 企业网站制作之信息展示区制作
qq_隔壁少年郎_0
2016-12-27 13:53
.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;
}
写回答
关注
3回答
-
- 青湛
- 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呢。大小不同也能完全覆盖吗？
-
- 艾夏
- 2016-12-27 15:51:14
应该是被背景图片覆盖了，网页读取代码是从上往下读取的
企业网站综合布局实战
本课程重点介绍HTML/CSS实现常见企业网站布局的方法
157044 学习 · 1984 问题
相似问题