我需要在徽标旁边的红色框(示例)中显示图像。 我的header.php: https://pastebin.com/raw/qxgUiQwQ
包含徽标的盒子的css:
/* ========================================= Theme Header. ========================================= */
.mainmenucontainer {
background:url(images/mainmenu.png) left top repeat-x;
}
#logo {
background:url(images/logo-bg.png) left top repeat-x;
display:flex;
align-items:center;
height:90px;
text-align:left;
}
#logo img {
max-height:95%;
}
.site_ttl {
float:left;
margin:0;
padding:0;
line-height:normal;
color: #fff;
text-transform: none;
}
.headersearch {
float:right;
display:flex;
align-items:center;
height:45px;
margin-right:20px;
}
@media screen and (min-width:1024px) {
.headersearch {
}
}
答案 0 :(得分:0)
您将现有图像设置为背景元素,编辑图像以包含新图像或通过编辑标题代码覆盖图像。通过改变你的CSS并不是真的可以实现(这不是严格意义上的,你可以使用伪元素和一些时髦的边距和对齐来做到这一点,但那将是一个彻底的黑客攻击)。