Прозрачность элемента

[popoff17]

Доброго времени суток, господа!

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

Прочитал теорию про opacity, но что то у меня не получилось:

<style>

.semi {

opacity: 0.5;

}

.semik {

opacity: 1;

}

</style>

<table bgcolor="006FFF" width=50% height=50%><tr><td align="center" >

<table bgcolor="red" width=50% height=50% class="semi"><tr><td align="center">

<table bgcolor="green" width=50% height=50% class="semik"><tr><td>

Эта таблица должна быть непрозрачной.

</td></tr></table>

</td></tr></table>

</td></tr></table>

т.е. синяя таблица - непрозрачна, таблица с красным фоном - прозрачна, а таблицу с зеленым фоном надо сделать опять непрозрачной.

Как такое реализовать?

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

[Softlink]

Вместо opacity используйте transparent

[popoff17]

Вместо opacity используйте transparent

что то не понятно. не могли бы вы объяснить? в справочнике параметра такого не нашел, а в примере там синий цвет О_О

[hedgehog]

что то не понятно. не могли бы вы объяснить? в справочнике параметра такого не нашел, а в примере там синий цвет О_О

http://jsfiddle.net/BqxCz/