相关疑难解决方法(0)

我正在建立一个新的网站,我正在寻找一个透明的导航栏,所以背景是可见的.

在以下代码中，我只想为li（而不是文本）的背景色设置不透明度。但是，请勿将用作rgba背景，这一点很重要。

我正在尝试跟踪，但是它也为链接文本设置了不透明度。

HTML：

<ul>
    <li><a href="#">Hello World</a></li>
</ul>

CSS：

body{
    background: red;
}

ul{
    margin: 100px;
}

li{
    padding: 10px;
    background: #000000;
    opacity: 0.1;
}

a{
    color: #fff;
    font-weight: 700;
    opacity: 1;  
}

JSFiddle： http : //jsfiddle.net/2uJhL/