我正在使用CSS来指示jQuery向下滑动部分的触发器文本:即,当您将鼠标悬停在触发器文本上时,光标将变为指针,并且触发器文本的不透明度会降低以指示文本具有单击操作.
这在Firefox和Chrome中运行良好,但在IE8中,不透明度不会改变.
我尝试了各种CSS设置但没有成功.
例如
HTML:
<h3 class="slidedownTrigger">This is the trigger text</h3>
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;
}
什么阻止IE改变不透明度？注意:我已经尝试了各种不同的元素,交换CSS语句的顺序,并且只是自己使用IE.我也试过用
-ms-filter: "alpha(opacity=75)";
但没有成功.
我已经完成了尝试在IE8中进行不透明度修改的事情.
有任何想法吗？
我遇到透明PNG图像的问题,在图像的非透明部分的边缘周围显示黑色抖动像素伪像.它只能在Internet Explorer中执行此操作,并且只能从它使用的Javascript文件中执行此操作.
这就是我所说的......
http://70.86.157.71/test/test3.htm(现在链接死了)......注意右下角的那个女孩.她在IE8中有她周围的文物(我没有在IE的早期版本中测试它,但我假设它可能会做同样的事情).它在Firefox和Chrome中完美运行.图像从Javascript文件加载以产生鼠标悬停效果.
如果你自己加载图像,它工作正常.这是图像......
http://70.86.157.71/test/consultant2.png
如何解决这个问题？
该图像是在Photoshop CS3中生成的.
我已经阅读了关于删除Gama的内容,但显然是在以前版本的Photoshop中,当我在TweakPNG中加载它时,它没有Gama.
javascript internet-explorer png iepngfix internet-explorer-8
我有这个测试页面:http://jsfiddle.net/VWnm9/7/.所有运行IE7或IE8的计算机上的图像都正确褪色,除了一台运行IE7的计算机,即使在非文本模式下也不会淡化花朵.
该页面是:
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
"http://www.w3.org/TR/html4/loose.dtd">
<html lang="en">
<head>
<style type="text/css">
body {
background: blue;
}
img {
filter: alpha(opacity=10);
opacity: 0.1;
}
</style>
</head>
<body>
<img src="http://upload.wikimedia.org/wikipedia/commons/c/c3/Extracted_pink_rose.png" />
</body>
</html>
有人知道为什么吗？