将图像放在另一个HTML之上

Question

   <style>
   #wrapper 
  { z-index: 0;}
   #animal
   { z-index: 1;}
    </style>      



   .........
   <div id="wrapper">
   <img src="background.png" width="1300" height="1100" />

   <div id="animal">
   <img src="animal.png" width="200" height="100" />
   </div>
   </div>

不，这不起作用，animal.png在back.png之下，我希望它在顶部。 我喜欢标签，因为它允许缩放图像大小。

Answer 1

Z-index要求position属性不是静态的（这是属性的默认值）。试试这个：

#animal
{ position: relative; z-index: 1;}