0

的HTML是：

<!DOCTYPE HTML>
<html lang="en-US">
<head>
    <meta charset="UTF-8">
    <link rel="stylesheet" href="wp-1-main.css">
    <title></title>
</head>
<body>
    <div class="wrapper">
        <div class="textArea"></div>
    </div>
    <div class="imageLine">
    </div>
</body>
</html>

和CSS是

.wrapper{
    width: 100%;
    height: 400px;
    position: fixed;
    top: 50%;
    margin-top: -200px;
    border-top: solid 1px black;
    border-bottom: solid 1px black;
    background-color: pink;
}

.imageLine{
    width: 500px;
    height: 1500px;
    float: right;
    margin-right: 60px;
    background-color: grey;

}

我的目标是让 .imageLine 覆盖一些 .wrapper ，并且包装器垂直居中，并且始终位于视口中。但这些代码证明 .wrapper 覆盖了 .imageLine 。有什么办法解决这个问题吗？

4

1 回答 1

1

你可以使用z-index

较高的 z 索引将排在较低的 z 索引之前。

于 2012-07-01T10:51:42.140 回答