How to use background color opacity in IE?

Question

It's work only ff chrome opera safari but not work in ie , woh can i do ?

How to use background color opacity in IE ? Thank you for every answer.

background: rgba(255,255,255,0.9);

score 1 · Answer 1 · answered Feb 22 '14 at 08:08

1

try this

background-color:#ffffff;
opacity:0.9;
filter:alpha(opacity=90);

answered Feb 22 '14 at 08:08

ArmaGeddON

339
1
10

not work ! All element in class will opacity 0.9 too – user3282833 Feb 22 '14 at 08:13

score 0 · Answer 2 · answered Feb 22 '14 at 08:25

0

Old IE not support RGBA color mode you can use filter like so:

   .transparent_class {
  /* IE 8 */
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";

  /* IE 5-7 */
  filter: alpha(opacity=50);

  /* Netscape */
  -moz-opacity: 0.5;

  /* Safari 1.x */
  -khtml-opacity: 0.5;

  /* Good browsers */
  opacity: 0.5;
}

another option you have is that you can create one transparent img in photoshop,change opacity to 20% ,30%... Then save with png24 than use that for background.

answered Feb 22 '14 at 08:25

Hamed mayahian

2,465
6
27
49

`opacity` is completely different from `rgba`. The OP doesn't want to apply the `opacity` to all descendants. – Hashem Qolami Feb 22 '14 at 08:35
yes! but we do not another option in old IE – Hamed mayahian Feb 22 '14 at 08:40

How to use background color opacity in IE?

2 Answers2