我正在尝试创建一个简单的页面（仅使用 HTML 和 CSS），但我在使用某些元素时遇到了困难：我在此处附加了我想要实现的内容和我已经完成的内容的链接。
问题是：
1.我怎样才能把粉红色的背景重叠所有的文字和图片？
我试图在 CSS 中做到这一点：
#setBackground {
position:absolute;
left:0px;
top:0px;
z-index:-1;
}
在 HTML 中：
<div id="setBackground">
<img src="/images/pinkbg.png" alt="Background"/>
</div>
但仍然没有工作。
我知道这并不花哨，但如果有人能给我一些建议，将不胜感激。谢谢。
在您的 css 文件中使用 z-index 语法
那是一个图像。或者你可以用 css3 试试...( www.w3schools.com )
在您的 css 文件中创建一个名为“box”或类似名称的 div 框：
＃盒子 {
位置：绝对；
宽度：100%；
高度：20px；
背景颜色：红色；
}
4.
position: absolute;
width: 100px;
height: 100px;
top: 200px;
left: 50px;
background-color: black; (example... works with % instead of px, too)
5.
margin: right; (CSS works only if your text is in a div-box)
祝你好运
粉红色不重叠，但是underneath当您将透明的东西放在它上面时，您可以看到下面的粉红色。在这种情况下，设置粉红色需要
background-color: rgb(245,195,195);
这是一个如何布局背景的示例：http: //jsfiddle.net/EAHQw/6/
所有额外的内容都将进入这两个 div 中，因此将被放置在顶部，从而为它们提供所需的粉红色背景。
我去做了一个更完整的例子。http://jsfiddle.net/GEwYJ/2/
您会看到我为圆圈作弊，但您可以在支持 3d 旋转的图像编辑程序中轻松制作该图像。您可能可以使用纯 css 来做到这一点，但我在转换方面做得不够好，仅使用图像可能会更简单。我还把它做得更小，以便更好地放在盒子里。它不是一个完美的副本，但它可以作为一个近似值传递。
我还混合使用了类名 ID 和 psudo 选择器来展示应用样式的不同方式。在生产环境中，最好有一个更一致的结构。