CSS不透明度和文本问题

Question

当鼠标指针悬停在我的链接上时,有什么方法可以阻止不透明度影响我的链接文本？我只想让不透明度影响图像.

这是CSS.

.email {
    background: url(../images/email.gif) 0px 0px no-repeat;
    margin: 0px 0px 0px 0px;
    text-indent: 20px;
    display: inline-block;
}

.email:hover {
    opacity: 0.8;
}

这是xHTML.

<a href="#" title="Email" class="email">Email</a>

Answer 1

简答:不.

答案很长:是的,如果您使用rgba颜色而不是opacity属性.例如,以下内容将为您提供20%不透明度的黑色背景和具有完全不透明度的黑色文本:

p {
    background: rgba(0, 0, 0, 0.2);
    color: #000000;
}

对于背景图像,请使用带有Alpha通道的PNG.