Как добавить прозрачность в таблицу HTML, используя IE8 - PullRequest
Новая
       5

Как добавить прозрачность в таблицу HTML, используя IE8

0 голосов
/ 19 января 2012

Я сейчас работаю над некоторыми html-материалами, но столкнулся с небольшой проблемой. У меня есть изображение, которое использует горячие точки для создания эффекта ролловера, в пределах ролловера у меня также есть html-таблица, но когда я переворачиваю, область горячей точки становится зеленой (как и должно быть), но таблица остается белой. Есть ли способ сделать эту таблицу прозрачной?

как вы можете видеть ниже, я прокомментировал то, что я пробовал ранее (фильтр: альфа) * ​​1003 *

код для таблицы ... 

<div style="position:absolute; left: 709px; top: 353px; background-color: #FFFFFF; layer-background-color: #FFFFFF; border: 1px none #000000;">
<table width="50" border="0" ><!-- style="filter:alpha(opacity=80);"-->
<tr>
<td colspan="2" align="center" style="font:'Courier New', Courier, monospace; font-size:10px">Lvl.20</td>
</tr>
<tr>
<td width="25"><IMG id="t11" style="cursor: hand; WIDTH: 24px; HEIGHT: 22px;" name=disp alt="Lvl.20" src="../../Icons/circle_cancel.png"></td>
<td width="25"><IMG id="t12" style="cursor: hand; WIDTH: 24px; HEIGHT: 22px;" name=disp alt="Lvl.20" src="../../Icons/circle_cancel.png"></td>
</tr>
</table>
</div>

1 Ответ

2 голосов
/ 19 января 2012

от Css-Tricks.com:

.transparent {
        /* Required for IE 5, 6, 7 */
        /* ...or something to trigger hasLayout, like zoom: 1; */
        width: 100%; 

        /* Theoretically for IE 8 & 9 (more valid) */
        /* ...but not required as filter works too */
        /* should come BEFORE filter */
        -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";

        /* This works in IE 8 & 9 too */
        /* ... but also 5, 6, 7 */
        filter: alpha(opacity=50);

        /* Older than Firefox 0.9 */
        -moz-opacity:0.5;

        /* Safari 1.x (pre WebKit!) */
        -khtml-opacity: 0.5;

        /* Modern!
        /* Firefox 0.9+, Safari 2?, Chrome any?
        /* Opera 9+, IE 9+ */
        opacity: 0.5;
}

Это для всех браузеров!

...