html - 背景图像 + 固定 + 不透明

标签 html css

这是我的CSS:

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

但是当我向下滚动时,背景图像是透明的,这不是我想要的。(我的背景图像就像一个标题图像,就像这个网站一样,但标题是固定的)。
我应该怎么办?
有什么建议吗?

最佳答案

这次更好的解释:

你需要header元素,位置固定:

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

试试 JSFiddle 链接 here

.

祝你好运。

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

关于html - 背景图像 + 固定 + 不透明,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/31461508/

相关文章:

html - 即 : dropdown options are blank if contain character of my custom font

html - 使用CSS在firefox中更改tr的背景颜色时出现问题

asp.net - Sql Server中如何保存HTML数据

javascript - 如何根据一天中的时间更改 HTML 按钮的输出?

javascript - 如何使用 javascript 中的数据而不是 HTML 中的 ui-sref 传递 URL?

css - anchor 不会在列表项内垂直居中

css - 基础CSS组件顺序

javascript - 分页表的动态索引

css - html 5 节元素之间的默认间距?

css - 如果浏览器现在可以缩放,我们为什么要使用 em 而不是 px?