我正在使用以下 html 标记和 css 代码来设计我的着陆页。
HTML
<!DOCTYPE html>
<html>
<head runat="server">
<title></title>
<link href="Styles/Site.css" rel="stylesheet" type="text/css" />
</head>
<body style="background:transparent;">
<div id="divContainer"></div>
<form id="form1" runat="server">
<div id="topDiv"></div>
<div id="divMain">
<aside><div id="logo">
<img id="imgLogo" src="Images/minerva.jpg" />
</div></aside>
<aside>
<div id="divContact"></div>
</aside>
</div>
<footer>
</footer>
</form>
</body>
</html>
CSS
#topDiv {
box-shadow: 0px 10px 20px #888888;
background-color: #113871;
width: 100%;
height: 40px;
}
#logo { }
#imgLogo {
width: 400px;
height: 200px;
margin-top: 20px;
float: left;
}
#divContact {
width: 300px;
height: 400px;
background-color: White;
opacity: 0.5em;
float: right;
z-index: 9999;
margin-right: 50px;
margin-top: 149px;
border-radius: 5px;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
box-shadow: 0 0 .5em .25em Gray;
}
footer {
width: 100%;
height: 150px;
background-color: #113871;
display: block;
float: left;
margin-top: -100px;
z-index: -1;
}
我为 #divContact 指定了 z 索引值 9999，为页脚标签指定了 -1。我的问题是我没有得到想要的东西，即将 divContact 放在前面。任何人都可以看看。
最佳答案
z-index 仅适用于定位 元素:
/* This does not work */
.foo {
z-index: 10;
}
/* This works */
.bar {
position: relative;
z-index: 10;
}
关于asp.net - 未应用 z 索引属性，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/10807367/