我正在使用CSS来指示jQuery向下滑动部分的触发器文本:即,当您将鼠标悬停在触发器文本上时,光标将变为指针,并且触发器文本的不透明度会降低以指示文本具有单击操作.
这在Firefox和Chrome中运行良好,但在IE8中,不透明度不会改变.
我尝试了各种CSS设置但没有成功.
例如
HTML:
<h3 class="slidedownTrigger">This is the trigger text</h3>
Run Code Online (Sandbox Code Playgroud)
CSS:
.slidedownTrigger
{
cursor: pointer;
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=75)";
filter: alpha(opacity=75);
-khtml-opacity: 0.75;
-moz-opacity: 0.75;
opacity: 0.75;
}
Run Code Online (Sandbox Code Playgroud)
什么阻止IE改变不透明度?注意:我已经尝试了各种不同的元素,交换CSS语句的顺序,并且只是自己使用IE.我也试过用
-ms-filter: "alpha(opacity=75)";
Run Code Online (Sandbox Code Playgroud)
但没有成功.
我已经完成了尝试在IE8中进行不透明度修改的事情.
有任何想法吗?
如您所知,IE6有一些错误,如果不使用非标准样式的过滤器,则无法显示半透明的PNG文件.在IE7中,此问题已得到修复.但它仍然有一些关于PNG文件的错误.它无法正确显示淡入淡出的半透明PNG文件.使用半透明PNG文件在jQuery中使用show/hide功能时,您可以清楚地看到它.图像的背景显示为不透明的黑色.
你有任何想法通过使用jQuery解决这个问题.
更新
我们来看看我的测试
如您所见,IE8始终错误地显示PNG-24图像.而且,当我淡入淡出(jQuery.fadeOut函数)时,IE8仍能正确显示PNG-8图像.但是,当我同时淡化和调整大小(jQuery.hide函数)时,它会错误地显示PNG-8图像.
PS.您可以从此处下载我的测试源代码.
谢谢,