Question

我在Blogger http://development-platform.blogspot.sg托管的博客正在加载标题包装图片“back.jpg”但是当我点击博客post时，我的标题包装图片“back.jpg “没有加载。

提前致谢。

Chrome调试器在博客post上显示“background：url”行是附加了Chrome调试器的图片Chrome debugger screenshot

#header-wrapper {
    text-align: center;
    padding: 0;
    background: url(https://2.bp.blogspot.com/-0lbeIzTG3Nc/WT7DAREUYxI/AAAAAAAAC54/4sv9zQWVr0E_Lh50GWoVK2gWMBYwAYIfwCLcB/s1600/back.jpg) no-repeat center bottom;
    background-attachment: fixed;
    background-size: cover;
    margin-bottom: 10px;
    height: 100vh;
    box-sizing: border-box;
    position: relative;
    width: 100%;
}

Answer 1

这是一个特殊性问题。 background: #fff中的.item #head-wrapper比#head-wrapper中设置的背景更具体。

是的，你可以使用!important来解决它，但我建议重构现有的css更正确。

返回chrome dev工具并取消选中background: #fff以查看结果。

header-wrapper背景图片未在Blogger帖子中加载

1 个答案: