Question

all

As you can see in images i have gradient background (this is responsive layout) and i want to display testimonials on that.
the problem is, i want the transparent bg.

i have tried to use this

.transparent {
    zoom: 1;
    filter: alpha(opacity=50);
    opacity: 0.5;

}

but its shows something like this is not my solution

How can i set testimonials bg same as in my web site bg.
Can semi transparent png can sole this or any other way to solve it ?

thanks in advance…

Answer 1

Try using rgba as a background. This gives you the option of background opacity. Here’s a little calculator I use all the time to get hex to rgba http://hex2rgba.devoth.com/.

I’m not quite sure if I understand the question, but that’s what you can use if you want semi-transparency. For full transparency, just use background: transparent. And it should work.

EDIT: I believe I understand the question more now. The reason that you were getting the result, is because you were setting the entire element to be at opacity 0.5, not just the background. If you use rgba like i suggested, you can set the background to be semi-transparent like this

background: rgba(238, 238, 238, 0.5);