如何为文本添加半透明高亮？

Question

我试图弄清楚如何为文本添加一些半透明突出显示,并能够改变它的颜色.我最近看到了这一点,我想知道最好的方法是什么.所以基本上亮点就像一个选择亮点,但始终可见.

任何人都可以帮我解决这个问题吗？谢谢.

Answer 1

它与普通高亮显示相同,但​​使用rgba.

.highlighted {
    background-color: rgba(0,0,0,.5);
}

<span class="highlighted">This text is highlighted.</span>

http://css-tricks.com/rgba-browser-support/