непрозрачность для таблицы, но не хочу применять эту непрозрачность в div, присутствующем внутри тега td таблицы

Question

Я использую непрозрачность для своей таблицы, но я не хочу применять эту непрозрачность в div, как я уже упоминал, как это сделать?

<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> 

по умолчанию его применение прозрачности по всей таблице, которую я не хочу.

Примечание: я не могу использовать RGBA как он не совместим с IE7,8

заранее спасибо.

Answer 1

EDIT:

Сожалеем предыдущее решение не было правильным.

вы можете проверить эти вопросы, связанные с:

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)

ссылка объясняет, как использовать better fallback для ie6 and 7, при использовании rgba

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

Answer 2

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

Answer 3

вы можете использовать значение RGBA для фона

<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> 

Answer 4

Не используйте прозрачность для родительского элемента, используйте цвет RGB, если вы хотите прозрачный цвет или используйте изображение.