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

Question

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/