不透明CSS不工作在IE8 [英] Opacity CSS not working in IE8

问题描述

我使用CSS来指示jQuery下拉部分的触发器文本：例如，当您将鼠标悬停在触发器文本上时，光标将更改为指针，并且触发器文本的不透明度减小，以指示文本具有

I'm using CSS to indicate the trigger text for a jQuery slide-down section: i.e. when you hover over the trigger text the cursor changes to a pointer and the opacity of the trigger text is reduced to indicate that the text has a click action.

这在Firefox和Chrome中可以正常工作，但在IE8中，透明度不会改变。

This works fine in Firefox and Chrome, but in IE8 the opacity doesn't change.

我尝试过各种CSS设置，但没有成功。

I've tried a variety of CSS settings without any success.

例如

HTML： / p>

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自己的。我也尝试使用

What's stopping IE changing the opacity? Note: I've tried this on a variety of different elements, swapping round the order of the CSS statements, and just using the IE ones on their own. I've also tried using

-ms-filter: "alpha(opacity=75)";

但没有成功。

我已经用尽了一些东西，试图在IE8中使用不透明度修改。

I've run out of things to try to get opacity modification working in IE8.

任何想法？

推荐答案

不知道这是否仍然适用于8，但在历史上IE不应用几个样式到不有布局。

No idea if this still applies to 8, but historically IE doesn't apply several styles to elements that don't "have layout."

请参阅： http ：//www.satzansatz.de/cssd/onhavinglayout.html

这篇关于不透明CSS不工作在IE8的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！