0

我试图让一个 div 与另一个重叠并将文本隐藏在后面。即使我指定了背景颜色或图像，文本也会显示出来。

http://www.purple-mouse.co.uk/overlapdiv.php

我希望第二个 div 隐藏第一个。

我使用负边距，因为我的 CMS 使用重复区域，我需要第二个 div 来将剩余部分向下推。

谢谢

曼迪

4

2 回答 2

0

尝试使用position:relative顶部文本 DIV。

下面是CSS：

element.style {
    background: none repeat scroll 0 0 #FFFF00;
    margin-top: -38px;
    position: relative;
}
于 2013-10-17T10:01:10.077 回答
0

这是我所做的，

<html>
    <head>
        <meta http-equiv="content-type" content="text/html; charset=us-ascii">
        <title></title>
    </head>
    <body>
        <div class="bottom">
            Bottom text
            <br>
            <br>
        </div>
        <div class="top"> Top text </div>
    </body>
</html>

CSS

.bottom {
  z-index: 1; 
  position: relative; 
  background: none repeat scroll 0% 0% white;
}
.top{
  background: none repeat scroll 0% 0% yellow; 
  position: relative; 
  z-index: 0; 
  margin-top: -32px;
}

z-index和_position: relative

于 2013-10-17T10:04:57.307 回答