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

确保为两者设置了display属性。例如：尝试为前面提到的div设置display:block。

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

重置透明度

尝试：

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

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

Alpha滤镜和渐变滤镜

1 个答案: