IE8:Div悬停仅在设置背景颜色时有效,非常奇怪,为什么？

Question

情况:得到按钮图像的div.Div需要在悬停时淡出.适用于所有浏览器,Internet Explorer除外.当我给div一个背景颜色它突然起作用.

检查:http://ListAndPlay.com,左上角是控件.

悬停在IE中不起作用,尝试向#buttons添加背景颜色,它突然起作用.

问题:这是什么原因？如何正确解决这个问题？

Answer 1

我最近也遇到了这个问题.我还通过将1 x 1 xx透明背景图像添加到悬停元素来解决它.之后我想洗个澡.

Answer 2

我今天遇到了这个问题,transparent在悬停时会出现叠加div.在鼠标悬停在叠加层的文本内容之前,IE9不会激活悬停.在Chrome和FF4上工作得很好.我没有尝试透明图像解决方法,但这似乎工作得很好:rgba(0,0,0,0).奇怪的...

Answer 3

我的解决方案是在你需要悬停的元素上设置背景颜色,然后使用CSS opacity属性来隐藏它.以过滤器的形式为IE提供回退.

.element {
  background-color: #fff;
  opacity: 0;
  filter: alpha(opacity=1);
}

此解决方案不需要透明的PNG,与rgba解决方案不同,它适用于旧版本的IE.