使用 CSS 将背景颜色从徽标添加到菜单

Question

请通过以下链接：

http://2.kidsdial.com/customer/account/login

并使用此电子邮件 ID 登录：kidsdial2@gmail.com 和密码：kidsdial2

请检查一下：http://2.kidsdial.com/marketplace/marketplaceaccount/myproductslist/

在顶部，您可以看到：Listings、Orders、Returns。上面有一个

标志图片：totaltoys。

我想显示从徽标顶部 [totaltoys] 到菜单底部的背景颜色，如下所示：

Answer 1

你可以测试这些 CSS 规则

#horizontalmenu .mymenu > li {
    height: 32px;
    line-height: 32px;
    width: 100px;
}
#main_header .header-container .header {
    background-color: #ffff00;
}
#horizontalmenu{
    margin-top: -5px;
}

Answer 2

我会从以下位置删除 .bkg_header_bottom：

.adapt-0 .em-box-custom .bkg_header_bottom, .em-box-custom .container_header, .bkg_header_bottom{
    background-color:#fff !important;
}

并可能在此处删除颜色，以免重复代码：

.adapt-0 .em-box-custom .bkg_header_bottom, .em-box-custom .container_header, .bkg_header_bottom {
    background-color: #3fbdf7;
    background-image: url(../images/stripes/blank.gif);
    background-position: 0 0;
    background-repeat: repeat;
    color: #FFFFFF;
    clear: both;
}

在这里添加你想要的背景颜色，这个类包含你想要着色的两个元素：

.page.one-column{
    background-color: #3fbdf7;
}