css - Alpha 过滤器和梯度过滤器

Question

我有一个 IE8 的 css 过滤器的问题...我有一个带有渐变背景的 div，这个 div 需要有不透明度 0..当你将鼠标悬停在 div 上时，他得到不透明度 1...我的代码看起来像这……

#myDiv {
filter: alpha(opacity=0);
opacity: 0;
background:rgba(75,29,79,0.85); /* For modern browsers */
-ms-filter: "progid:DXImageTransform.Microsoft.gradient(GradientType=1, StartColorStr='#D84B1D4F', EndColorStr='#D84B1D4F')"; /* For IE8 */
}

然后我将鼠标悬停在这个 div 上

#myDiv:hover {
filter: alpha(opacity=100);
opacity: 1;
}

但它不起作用..我猜是因为它同时使用了两个过滤器，是否可以选择它们一起工作？

Answer 1

确保为两者都设置了显示属性。例如:尝试为上述 div 设置 display:block。

您还可以使用 -ms-filter: "";

重置透明度

尝试:

filter:progid:DXImageTransform.Microsoft.gradient(startColorstr="#D84B1D4F",endColorstr="#D84B1D4F",GradientType=1);

请记住，您的 rgb 值的前 2 位数字用于设置不透明度，因此也无需使用不透明度。例如，您可以使用 visibility:hidden。