Is there any way to opacity only background of a text in css? [duplicate]

Question

This question already has answers here:

Opacity of background-color, but not the text [duplicate] (5 answers)

Closed 9 years ago.

Is there a way to opacity only background-color of a text in css?(not text color...just background-color of The text)....I do not want use image background.

This is an example:

enter link description here

background is opacity but the text is opacity too...I do not want it...

Answer 1

Sure, use rgba():

div ul li a.title {
    padding: 0px 12px 0 0px;
    background:rgba(255,0,0,.2);
}

jsFiddle example

Answer 2

Use background: rgba(255, 0, 0, .2);

http://fiddle.jshell.net/wLmAC/1/

Answer 3

Use rgba() to get that transparent background you need, like this:

background: rgba(255,0,0,0.5);