html - Blogger Soho 主题页眉图片没有覆盖完整的页眉宽高
问题描述
我正在使用 Blogger Soho 主题,在标题 + 订阅链接后面放置背景图像时遇到问题。图像(名为 glallow1.jpg)不会覆盖页眉带的整个宽度和高度;它只环绕标题标题词。
我搜索了这个论坛,但无法获得以前的解决方案。Blogger 产品论坛的帖子被忽略。
博客网址:https ://retireby50sg.blogspot.com
标题图像周围的代码片段:
<div class='blog-name'>
<b:section id='header' name='Header' showaddelement='false'>
<b:widget id='Header1' locked='true' title='Retire by 50 in Singapore (Header)' type='Header' visible='true'>
<b:widget-settings>
<b:widget-setting name='displayUrl'>http://4.bp.blogspot.com/-S3EDENzAc5M/W081co1cPbI/AAAAAAAABjs/gDO0eWSzxmUM8oaKfcdmKanYu1iAB3pZACK4BGAYYCw/s1600/glitters1.jpg</b:widget-setting>
<b:widget-setting name='displayHeight'>300</b:widget-setting>
<b:widget-setting name='sectionWidth'>705</b:widget-setting>
<b:widget-setting name='useImage'>true</b:widget-setting>
<b:widget-setting name='shrinkToFit'>false</b:widget-setting>
<b:widget-setting name='imagePlacement'>BEHIND</b:widget-setting>
<b:widget-setting name='displayWidth'>1140</b:widget-setting>
</b:widget-settings>
<b:includable id='main' var='this'>
<div class='header-widget'>
<b:include cond='data:imagePlacement in {"REPLACE", "BEFORE_DESCRIPTION"}' name='image'/>
<b:include cond='data:imagePlacement not in {"REPLACE", "BEFORE_DESCRIPTION"}' name='title'/>
你能帮忙吗?非常感谢!
解决方案
看起来您的背景图像应该在带有 class 的项目上centered-top-container
。尝试将此添加到您的 CSS 中:
.centered-top-container {
background: url("http://4.bp.blogspot.com/-S3EDENzAc5M/W081co1cPbI/AAAAAAAABjs/gDO0eWSzxmUM8oaKfcdmKanYu1iAB3pZACK4BGAYYCw/s1600/glitters1.jpg") center cover;
}
推荐阅读
- reactjs - html 中的 Jest 覆盖率报告缺少覆盖率值
- python - pynput 键盘侦听器导致延迟
- python - 从头开始创建二级/内部索引
- apache-flink - Flink ParquetAvroWriters 给出演员表错误
- flutter - 我正在尝试 moor(sqflite builder),我正在关注文档但对我不起作用,如果有人实施,请提供帮助
- r - 如何将多个值从 URL 传递到 r 闪亮的复选框输入
- c# - Xamarin 中的自动滚动设置为计时器
- typescript - 如何在Typescript中将字符串映射到具有字符串值的已知枚举?
- machine-learning - 即使状态相同,深度强化学习模型也会采取不同的行动
- javascript - 如何从javascript中的二维数组获取价格数据?