opacity for table but dont want to apply that opacity in the div present inside td tag of the table

Question

I am using opacity for my table but i dont want to apply that opacity in the div as i mentioned,how to achieve this?

<table  class="popup" style="background-color:#898989;
width:99%;  opacity:0.8;filter:alpha(opacity=80); >
    <tr>
      <td>
         <div>i dont want to apply transparency here</div>
      <td>
    </tr>
</table>

by default its applying transparency throughout a table,which i dont want.

Note:i cant use RGBa as it is not compatible with IE7,8

thanks in advance.

score 1 · Accepted Answer · edited May 23 '17 at 12:19

1

EDIT:

sorry previous solution was not correct.

you might want to check out these related questions:

I do not want to inherit the child opacity from the parent in CSS

Resetting the opacity of a child element - Maple Browser (Samsung TV App)

this link explains how to use a better fallback for ie6 and 7 , when using rgba

http://css-tricks.com/rgba-browser-support/

edited May 23 '17 at 12:19

Community

1
1

answered Dec 19 '13 at 07:56

gaurav5430

12,934
6
54
111

score 0 · Answer 2 · answered Dec 19 '13 at 07:51

0

<div style="opacity: 1;">i dont want to apply transparency here</div>

answered Dec 19 '13 at 07:51

CRABOLO

8,605
39
41
68

score 0 · Answer 3 · answered Dec 19 '13 at 07:53

0

you can use rgba value for your background

<table  class="popup" style="background-color: rgba(137,137,137,0.8);
width:99%;  >
    <tr>
      <td>
         <div>i dont want to apply transparency here</div>
      <td>
    </tr>
</table>

answered Dec 19 '13 at 07:53

kevpoccs

635
5
8

i cant use RGBa as it is not compatible with IE7,8 – R R Dec 19 '13 at 08:57
you can set background image of 1x1 pixel with good color for fallback – kevpoccs Dec 19 '13 at 08:58
i can but that is not what i want – R R Dec 19 '13 at 08:59
what about using css3pie ? http://css3pie.com/ – kevpoccs Dec 19 '13 at 09:03
ya i did a search on that but i wanted a CSS solution. – R R Dec 19 '13 at 09:07

score 0 · Answer 4 · answered Dec 19 '13 at 07:59

0

Don't apply opacity to parent element use RGB color if you want transparent color or use an image.

answered Dec 19 '13 at 07:59

Nishant

821
7
17

i cant use RGBa as it is not compatible with IE7,8 – R R Dec 19 '13 at 08:56
you can use in ie via css filters check these links they might be helpful :) http://goo.gl/Zgy83H & http://goo.gl/Ri0bYp – Nishant Dec 19 '13 at 09:53

opacity for table but dont want to apply that opacity in the div present inside td tag of the table

4 Answers4