how can i set div opacity only not text? [duplicate]

Question

I want to use opacity only for div not on the text. i use some code for div opacity but it show me text opacity also. i do not want to show the text opacity. my code is here.

.opabenner { width:569px; height:100px; float:left; position:absolute; background:#06F; top:587px; filter:alpha(opacity=60); /* IE */ -moz-opacity:0.6; /* Mozilla */ opacity: 0.6; /* CSS3 */ z-index:9999; } .tit { position: absolute; font-size: 20px; color: #FFF; text-align: center; padding: 5px; width: 580px; } <div class="opabenner"> <h1 class="tit">Step inside love in 2014 and join today for FREE!</h1> </div>

Karuppiah RK · Accepted Answer · 2014-01-29 07:32:33Z

10

use background: rgba(0,0,0,.5); remove opacity: 0.6;

Sample Demo

edited Jan 29, 2014 at 7:32

answered Jan 29, 2014 at 7:21

Karuppiah RK

3,9949 gold badges42 silver badges87 bronze badges

Sign up to request clarification or add additional context in comments.

4 Comments

Rubel Amin Over a year ago

yes thanks it's working. but is it works in all the browser?

Karuppiah RK Over a year ago

@user3197474 : i think ie does not supports...

DA. Over a year ago

google is your friend: css-tricks.com/rgba-browser-support

Tieson T. Over a year ago

Also: caniuse.com/css3-colors

Nabil Kadimi · Accepted Answer · 2014-01-29 07:26:14Z

Use RGBA colors for the container

p{ color: red; } #transparent{ background-color: rgba(0, 0, 0, .1); /* 0.1 alpha = 10% opacity */ }

Preview: http://jsfiddle.net/EfDZC/

Collectives™ on Stack Overflow

how can i set div opacity only not text? [duplicate]

2 Answers 2

4 Comments

Comments

Linked

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

4 Comments

Comments

Linked

Related