如何在标题中添加2倍大徽标的背景图像

时间:2015-12-02 14:02:10

标签: css wordpress

这是我在wordpress的网站的顶部栏

/* Masthead */

#masthead {
  position: absolute;
  top: 0;
  background: rgba(109, 104, 110, 0.9);
  border-top: 10px solid #125CAA;
}
body.admin-bar #masthead {
  top: 0px;
}
header#masthead.row {
  width: 100%;
  margin: 0;
  z-index: 99999;
}
.site-logo {
  padding: 5px 0;
}
#masthead .right-nav {
  float: right;
}
#masthead .left-nav {
  float: left;
}
#masthead .right-nav > li,
#masthead .left-nav > li {
  display: inline-block;
  position: relative;
  top: 28px;
  font-size: 18px;
}
#masthead .right-nav li a,
#masthead .left-nav > li a {
  color: #fff;
}
li.search {
  margin: 0 20px 0 0;
}
.show-hide {
  display: none !important;
}
/* Masthead Sticky */

#masthead-placeholder {
  display: none;
  height: 0;
}
#masthead.sticky {
  /*top: 0;*/
  position: fixed;
  background: rgba(109, 104, 110, 0.9);
}
  1. 我想设置背景图片。我使用了background:url('/ wp-content / themes / day-spa / images / background.png'); 在主#masthead {但没有工作

  2. 我想保持标头高度相同,但需要放置2倍于#masthead

  3. 高度的标识

    请告知

1 个答案:

答案 0 :(得分:1)

我相信您正在寻找合成您的网站徽标。检查这是否有帮助

.site-logo
{
    !content: '';    
    position: absolute;  
    width: 98px;
    height: 75px; 
    !top: -32px;
    left: 5%;
    !background-color: #FFFFFF;  
}