Question

CSS对象在缩放时显示在其他对象下，我想在所有css或html对象上面做这个。有人能帮我吗？先感谢您。

如何缩放： http://i.stack.imgur.com/oNAzz.jpg

我想如何缩放 http://i.stack.imgur.com/VcPWy.jpg

HTML CODE

<nav>
  <ul>
    <br><center><li><a href="#"><img src="1.png" onmouseover="this.src='2.png'" onmouseout="this.src='1.png'" /></a></li></center>
    <center><li><div id="mmenu"><a href="#"><img src="1contact.png" onmouseover="this.src='2contact.png'" onmouseout="this.src='1contact.png'" /></a></div></li></center>
    <center><li><div id="mmenu"><a href="http://soccerway.ge/?cat=1"><img src="1news.png" onmouseover="this.src='2news.png'" onmouseout="this.src='1news.png'" /></a></div></li></center>
  </ul></nav>

CSS代码

nav {
    position: fixed;
  left: 0px;
  top: 20%;
  height: 200px;
  width: 60px;
  background-color: #24933e;
  border-right:solid #176328;
  border-width:2px;
}

#mmenu {
  border-bottom:solid #176328;
  border-width:1px;
}

Answer 1

使用Z-index Property并指定导航比其他人更高的z-index

 nav {
  position: fixed;
  left: 0px;
  top: 20%;
  height: 200px;
  width: 60px;
  background-color: #24933e;
  border-right:solid #176328;
  border-width:2px;
  z-index:99;
}

Answer 2

您必须将Z-index添加到Nav。

nav {
  z-index: 1;
}

从1开始，如果它仍然在mmenu后面，则将其设为10或甚至100。

缩放时，CSS对象显示在其他对象下

2 个答案: