注意:在发布之后,您可能需要清除浏览器缓存才能看到所作出的更改的影响。
- Firefox或Safari:按住Shift的同时单击刷新,或按Ctrl-F5或Ctrl-R(Mac为⌘-R)
- Google Chrome:按Ctrl-Shift-R(Mac为⌘-Shift-R)
- Edge:按住Ctrl的同时单击刷新,或按Ctrl-F5。
/* === 强制 Minerva 皮肤显示图片 Logo === */
/* 1. 定位到顶部的品牌区域 */
.branding-box {
/* 确保容器有足够的高度容纳图片 */
min-height: 40px;
display: flex;
align-items: center;
}
/* 2. 隐藏默认的文字 "门球百科" */
.branding-box > a > span {
display: none !important;
}
/* 3. 将链接标签本身变成图片容器 */
.branding-box > a {
/* 替换为您自己的 Logo 图片 URL */
background-image: url('http://baike.menqiu.cn/resources/assets/menqiu-long-wiki.png');
background-repeat: no-repeat;
background-position: left center;
background-size: contain; /* 自动缩放以适应高度 */
/* 根据您图片的实际比例调整宽高 */
/* 如果图片是长方形的,可以适当增加 width */
width: 120px;
height: 40px;
display: inline-block;
/* 隐藏链接可能自带的下划线或文字缩进 */
text-indent: -9999px;
overflow: hidden;
white-space: nowrap;
/* 移除默认的内边距,让图片紧贴边缘 */
padding: 0;
margin: 0;
}
/* 4. (可选) 针对大屏手机/平板的微调 */
@media (min-width: 768px) {
.branding-box > a {
width: 150px; /* 大屏幕稍微大一点 */
height: 50px;
}
}