在CSS中分层图像 – 可以将2张图像放在同一个元素中？

假设我在CSS中设置一个网页的背景图像,就像这样：

body    {
font-size: 62.5%; /* Resets 1em to 10px */
font-family: Verdana,Arial,Sans-Serif;
background-color: #9D5922;
color: #000;
margin-left: auto;
margin-right: auto;
margin: 0;
padding: 0; 
background: url(images/desk.gif) repeat bottom left;
}

有什么办法可以在body元素本身的layer.gif之上分层第二个图像,还是创建一个单独的类并使用z轴的唯一方法？

对不起,这是一个简单的问题,但是我一直在努力解决这个问题,虽然我没有能够使其发挥作用,但我也没有在任何地方找到一个明确的slapdown的想法,所以,是有一种方法,还是这只是一个没有可以做的？

谢谢！

解决方法

总之,这是不可能的.您可以这样做,但是您需要向页面添加第二个HTML对象以使其正常工作.例如,将div块放在正文的正下方,并将第二个背景分配给该对象.

希望这可以帮助！

原文地址：https://www.jb51.cc/css/217105.html