Question

与this question相关，我设置了一些jquery来弹出一个现有div的新div。虽然这在所有其他浏览器中都非常出色，但IE家族拒绝表现得很好。删除以下过滤器后，它可以快速（不正确，但很快），而对于过滤器，新div出现/消失需要很长时间。如果保留足够长的时间IE（6-8）将按顺序运行jquery（即它似乎缓存新div的创建/销毁然后重放它们）。

我需要做些什么才能让IE正确快速地行动？

我尝试使用的过滤器：

.newDiv
{
  opacity: 0; /*Every other browser*/
  -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; /*IE8*/
  filter: alpha(opacity=0); /*IE5-7*/
}

.newDiv:hover
{
  opacity: 1; /*Every other browser*/
  -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; /*IE8*/
  filter: alpha(opacity=100); /*IE5-7*/
}

Answer 1

我只想jquery设置不透明度，你可能会有更好的运气，它的一行与3相比：

$('.newDiv').css('opacity','0');

Answer 2

最后我用了

.newDiv
{
 visibility:hidden;
}
.newDiv:hover
{
 visibility:visible;
}

这适用于除IE＆lt; = 6之外的所有浏览器（不能使用：悬停在除锚点之外的任何东西上）。

CSS在IE中使用过滤器导致IE陷入滞后

2 个答案: