Чрезвычайно странная проблема совместимости границ и непрозрачности IE7 / 8

Странная проблема заключается в том, что границы исчезают, когда прозрачность применяется в 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?

7
задан Brian Tompsett - 汤莱恩 15 May 2017 в 07:53
поделиться