html - 内联 img 标签背景隐藏其他所有内容

标签 html css background

我按照在线教程使用内联图像标签获得全尺寸背景。除了每个其他元素都隐藏在它后面这一事实之外,它工作得很好。 我确信这是基本的,但我无法理解它。

<style>
body {

}

#bg {
min-height: 800px;
min-width: 1024px;

/* Set up proportionate scaling */
width: 100%;
height: 100%;

/* Set up positioning */
position: fixed;
top: 0;
left: 0;
}

</style>


</head>

<body>

<nav>
</nav>

<div>
<p>A line</p>
<p>A line</p>
<p>A line</p>
</div>

<img id="bg" src="images/flowers.jpg" alt="flowers" />



</body>
</html>

非常感谢任何帮助。

最佳答案

我相信您正在寻找的是 z-index css 属性。

尝试

#bg {
    z-index: -1000;
}

关于html - 内联 img 标签背景隐藏其他所有内容,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/10733180/

相关文章:

Python 链接拉取器

javascript - 从输入元素获取表单和 FormData 对象?

javascript - 为什么谷歌地图信息窗口有滚动条

javascript - 如何让元素在某个点后停止滚动?

iPhone - 后台轮询事件

javascript - 如何知道用户绘制的内容是否覆盖了大部分 Canvas 区域?

html - 图像插入到表单顶部但表单输入现在被阻止

html - 为响应式设计格式化图像对齐和文本

html - 背景透明的顶部

CSS:半透明背景和图像