Html 背景图像+;固定的+;不透明

Html 背景图像+;固定的+;不透明,html,css,Html,Css,这是我的css: body { background-image: url('mybackground.jpg'); background-repeat: no-repeat; background-attachment: fixed; background-size: 100%; } 但当我向下滚动时,背景图像是透明的&这不是我想要的。(我的背景图像类似于标题图像,就像这个网站一样,但标题是固定的)。 我该怎么办 有什么建议吗?这次最好解释一下: 您需要固定位置的标题元素:

这是我的css:

body {
  background-image: url('mybackground.jpg');
  background-repeat: no-repeat;
  background-attachment: fixed;
  background-size: 100%;
}
但当我向下滚动时,背景图像是透明的&这不是我想要的。(我的背景图像类似于标题图像,就像这个网站一样,但标题是固定的)。
我该怎么办

有什么建议吗?

这次最好解释一下:

您需要固定位置的标题元素:

<header style="position: fixed;"> ... </header>
。。。
尝试使用JSFiddle链接

祝你好运


(如果这符合您的需要,请将此标记为答案)

我建议在页面顶部使用一个固定的div,内容可以向后滚动。您可以删除背景代码。这样你就有了更多的选择,如果你喜欢,仍然可以添加背景纹理。否则,您要将“位置固定”应用到整个身体,而您不想将其应用到一个图像元素。请检查这个

我还会阅读更多关于布局位置属性的内容

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

}

<div class="header"><img src="mybackground.jpg"></div>
.header{
位置:固定;
顶部:0px;
}

透明是什么意思?你能用JSFIDDLE表示吗?这里是你的代码给我的@Trapline透明的意思,我的意思是当我向下滚动时,页眉图像将位于页面中的每个文本下。@SLY:那么你想要的是你的页眉位于所有内容之上吗?@SLY他们没有使用背景图像,他们使用了页眉html标记。@SLY你可以修复背景图像,但你不能将
z-index
添加到其中。……你还没有完全理解我在做什么……我想要我的网站的标题看起来和这个网站的标题一模一样…唯一的区别是我希望我的标题在向下滚动时保持不变。就像没有一样…再次没有什么…它是一样的。我可以看到它像Quora。您是否也删除了背景附件:已修复?是的,我做了…让我再解释一下…看看这个网站的标题?你可以在那里搜索和查看你的个人资料和其他什么?我希望我的网站是一样的…唯一的区别是我希望我的网站是
固定的
。让我们来看看。你还没有完全理解我在做什么…我希望我的网站标题看起来准确无误就像这个网站标题…唯一的区别是,当我向下滚动时,我希望我的标题保持不变。就像你在使用一个类一样,我希望将我的代码应用到
body
而不是类。如果你看,Quora使用div.siteheader而不是body。