Странная проблема заключается в том, что границы исчезают, когда прозрачность применяется в IE / 8/9, но НЕ в 7!
У меня в основном есть меню с вкладками в верхней части экрана.
Т.е.:
<table>
<tr>
<td class="tab">button 1...<*/td>
<td class="tab">button 2....<*/td>
.
.
.
</tr>
</table>
<style>
td
{
opacity: 0.45;
filter:alpha(opacity=45);
.
.
.
}
td.tab:hover
{
opacity: 1;
filter:alpha(opacity=100);
}
Простите насчет звездочек, я не смог правильно настроить форматирование блока кода.
По сути, предполагается, что кнопки убираются при наведении курсора мыши на них, но границы просто исчезают! Эта проблема возникает только в IE8 / 9, но все отлично работает в IE7, FF, Chrome, Safari.
Я искал в Интернете какие-то странные проблемы с границами / непрозрачностью IE8 +, но, похоже, их нет.
Has anyone encountered something similar?