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

Question

我的博客托管在 blogger http://development-platform.blogspot.sg正在加载 header 包装图像“back.jpg”，但是当我单击博客时 post我的 header 包装图像“back.jpg”未加载。

提前致谢。

Chrome 调试器在博客上显示“背景:url”行被删除线 post附上 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

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

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

回到 chrome 开发工具并取消选中 background: #fff 以查看结果。