<分区>
我有一个高度为 300 像素的列表,我希望背景具有不透明度。但列表项必须保持不变(不透明度 1)。我怎样才能做到这一点?这是我的代码:
HTML:
<div class="dropdown">
<span class="notif">2</span>
<ul class="dropdown-menu">
<li><a href="#"><span>Elisadehasque</span> liked your story in <span>Disneyland Paris</span><span class="done">x</span></a></li>
<li><a href="#"><span>Petyana</span> started following you<span class="done">x</span></a></li>
</ul>
</div>
CSS:
.dropdown .dropdown-menu {
position: absolute;
top: 100%;
display: none;
margin: 0;
margin-left: -100px;
padding: 0;
height: 300px;
width: 250px;
background-color: #fff;
z-index: 10;
opacity: 0.8;
}
.dropdown-menu li {
z-index: 999999;
opacity: 1;
}