Question

我希望以下代码'max-button'可见，但它隐藏在网格后面。有什么问题？

<html>
<head>
<title>Grid</title>
<style>
#sketch {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    background: transparent url(grid.gif) repeat scroll 0 0;
    z-index: 0;
}
#max-button {
    z-index: 9999;
}
</style>
</head>
<body>
<div id="sketch"></div>
<div id="max-button"><img src="maximize.gif"></div>
</body>
</html>

以下是两张图片：

maximize.gif：alt text http://www.freeimagehosting.net/uploads/8c213c4a8a.gif grid.gif：alt text http://www.freeimagehosting.net/uploads/af716eaf7d.gif

Answer 1

#maxbutton也需要绝对定位。

说明：网格从默认文档流中取出，因此按钮最终位于网格所在的位置下方。绝对定位启用z-index。

CSS z-index不生效

1 个答案: