我正在使用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中进行不透明度修改的功能。

有任何想法吗？

不知道这是否仍然适用于8，但是从历史上看，IE不会将多种样式应用于没有“具有布局”的元素。

参见：http : //www.satzansatz.de/cssd/onhavinglayout.html

设置这些（就像我写的一样）在需要时为我服务：

-moz-opacity: 0.70;
opacity:.70;
filter: alpha(opacity=70);

您需要先为符合标准的浏览器设置“不透明度”，然后再设置各种版本的IE。参见示例：

但是此不透明度代码在ie8中不起作用

.slidedownTrigger
{
    cursor: pointer;
    opacity: .75; /* Standards Compliant Browsers */
    filter: alpha(opacity=75); /* IE 7 and Earlier */
    /* Next 2 lines IE8 */
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=75)";
    filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=75);
}

请注意，我删除了-moz，因为Firefox是符合标准的浏览器，并且不再需要该行。另外，-khtml已贬值，因此我也消除了该样式。

此外，IE的过滤器将无法验证w3c标准，因此，如果您希望页面进行验证，请使用if IE语句将标准样式表与IE样式表分开，如下所示：

<!--[if IE]>
<link rel="stylesheet" type="text/css"  href="http://www.mysite.com/css/ie.css" />
<![endif]-->

如果您将ie怪癖分开，那么您的站点将可以正常验证。

显然，alpha透明仅适用于IE 8中的块级元素。设置display：block。

display: inline-block;在IE8上使用Works可以解决此问题。

FWIW，opacity: 0.75可在所有符合标准的浏览器上使用。

的CSS

我曾经使用CSS-Tricks中的以下内容：

.transparent_class {
  /* IE 8 */
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";

  /* IE 5-7 */
  filter: alpha(opacity=50);

  /* Netscape */
  -moz-opacity: 0.5;

  /* Safari 1.x */
  -khtml-opacity: 0.5;

  /* Good browsers */
  opacity: 0.5;
}

罗盘

但是，更好的解决方案是使用Opacity Compass mixin，您所需要做的就是为@include opacity(0.1);它解决所有跨浏览器问题。您可以在此处找到示例。

这是IE 8的答案

而要使它在IE8中运行，则必须使用位置属性，例如

职位：相对或其他。

http://www.codingforums.com/showthread.php?p=923730

上面的答案都不适合我，因此我只给了DIV标签一个透明的背景图像，该图像非常适合所有浏览器。

此代码有效

filter: alpha(opacity = 50); zoom:1;

您需要添加zoom属性才能使其工作:)

您还可以添加polyfil以在IE6-8中启用本机不透明度用法。

https://github.com/bladeSk/internet-explorer-opacity-polyfill

这是一个独立的polyfil，不需要jQuery或其他库。它有一些小的警告，它不能用于内联样式，对于需要不透明多样式的任何样式表，它们必须遵守同源策略。

使用非常简单

<!--[if lte IE 8]>
    <script src="jquery.ie-opacity-polyfill.js"></script>
<![endif]-->

<style>
    a.transparentLink { opacity: 0.5; }
</style>

<a class="transparentLink" href="#"> foo </a>