背景图像+固定+非透明

Question

这是我的css：

body {
  background-image: url('mybackground.jpg');
  background-repeat: no-repeat;
  background-attachment: fixed;
  background-size: 100%;
}

但是当我向下滚动时，背景图像是透明的＆amp;这不是我想要的。（我的背景图像就像一个标题图像，就像这个网站一样，但标题如果固定的话） 我该怎么办？
有什么建议吗？

Answer 1

这一次有更好的解释：

你需要标题元素，位置固定：

<header style="position: fixed;"> ... </header>

尝试JSFiddle链接here

。

祝你好运。

（如果符合您的需要，请将此标记为答案）

Answer 2

我建议使用页面顶部的固定div，内容可以滚动到后面。您可以删除后台代码。这样你就有更多的选择，如果你愿意，仍然可以添加背景纹理。否则你将位置FIXED应用于整个身体，你不想要将其固定到1个图像元素。请检查此JSFiddle

我还会阅读this article以阅读有关布局位置属性的更多信息。

    .header {
    position: fixed;
    top: 0px;

}

<div class="header"><img src="mybackground.jpg"></div>