使用CSS或HTML

继承人我的网站固定在我的博客背景图像和网页布局：www.ChrisStephensMusic.net使用CSS或HTML

正如你所看到的背景图片不是全尺寸和移动时，页面滚动。我希望它是全尺寸的，并在内容滚动时保持不动。我尝试了在搜索此主题时可以找到的CSS建议，但在将它们添加到Blogger上的“自定义CSS”时，它们什么也不做。有没有更好的方法来解决这个问题，或者有什么我需要做的，以获得自定义CSS被识别？

来源

2017-07-06 Chris Stephens

尝试在背景图片你的CSS文件中使用此代码：

width: 100%; 
    background-size: cover; 
    background-attachment: fixed;

来源

2017-07-06 15:23:45

CSS

html { 
    background: url(image.png) no-repeat center center fixed; 
    -webkit-background-size: cover; 
    -moz-background-size: cover; 
    -o-background-size: cover; 
    background-size: cover; 
}

来源：https://css-tricks.com/perfect-full-page-background-image/

来源

2017-07-06 15:25:11 Jesse

添加以下CSS -

.bg-photo-container, div.bg-photo-overlay { 
    height: 100%; 
    position: fixed; 
}

自定义CSS选项不起作用，因为一些无效规则已添加到它，导致之后的每个规则都被忽略。我反而认为，通过HTML/JavaScript的小工具添加此通过在style标签内的代码，以便它看起来像

<style> 
    .bg-photo-container, div.bg-photo-overlay { 
    height: 100%; 
    position: fixed; 
    } 
</style>

最终结果应该像 -

来源

2017-07-06 15:49:00

是的！这就是我想要的！感谢您的.GIF和代码。我会尽快尝试。背景在您发布的内容中仍然不完整，但我会尝试其他建议。我应该在哪里放HTML？ –

使用CSS或HTML

回答

相关问题