如何让孩子不显示父母？

Question

我有一个列表，我在其中放置了一个div，并且不想显示div所在的列表。这是清单

<div class="daily-view">
    <ul class="hours">
        <li>
            <div class="appt">Jason Hamm</div>
            <div class="lines"></div>
            <div class="lines"></div>
        </li>
    </ul>
</div>

列表的样式：

.daily-view .hours {
  list-style: none;
  margin: 0;
  padding: 0;
}
.daily-view .lines {
  border-bottom: 1px solid #ccc;
  height: 20px;
}
.appt {
  border: solid 1px #ccc;
  padding: 5px;
  border-radius: 5px;
  margin-left: 4%;
  position: absolute;
}

我希望appt类不显示它背后的任何内容。现在它显示如下：

您可以看到通过div的背景线。我试过了z-index，但那并没有奏效。我该怎么做？

Answer 1

将background: #fff添加到您的.appt容器中。

http://jsfiddle.net/furudh0g/