奇怪的问题是,当在 IE/8/9 中应用不透明度时,边框会消失,但在 7 中不会!
我基本上在屏幕顶部有一个带有选项卡的菜单。
IE:
<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+ 边框/不透明度问题,但似乎没有任何问题。
有人遇到过类似的事情吗?
The filter
样式仅适用于 IE7 及更低版本。
IE8要求您使用-ms-filter
(即带有供应商前缀)。另外,IE8 中的语法更加复杂。它看起来像这样:
-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";
IE9 不再支持filter
完全,并用标准 CSS3 替换它opacity
,其工作方式与在所有其他浏览器中相同。
Quirksmode.org 有完整的详细信息:http://www.quirksmode.org/css/opacity.html http://www.quirksmode.org/css/opacity.html
本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系:hwhale#tublm.com(使用前将#替换为@)