IE CSS Bug:background-color:透明的行为与背景颜色不同:(任何其他颜色)

Question

我一直在努力找出为什么这种翻转在IE8中的行为不正常.

转到此处:IE8中的http://baked-beans.tv,您会看到翻转仅适用于缩略图的下半部分.

顺便说一句,这不是由一个激活的<a>标签,但通过:hover对<div>.

我无法弄清楚的是,为什么它仅适用于图像下方div的下半部分,而不适用于图像(图像不是z-indexed,因此不是问题)

只要我将其更改为background-color除透明之外的任何其他内容,它将100%正常工作.所以这只是让我大吃一惊......为什么是下半部分,而不是上半部分,只有当我将bg-color设置为透明时？一定要喜欢Internet Explorer.

这适用于所有其他浏览器(整个广场充当翻转)

这是CSS:

.cat_rollout {
    position: absolute;
    float:left;
    top:0;
    left:0;
    min-height:274px;
    min-width:274px;
    font-size: 0;
    background-color: transparent;
}

.cat_rollout:hover {
    background-image: url(images/rollover.png);
    min-width:254px;
    min-height:242px;
    padding-left: 20px;
    color: white;
    font-size: 21px;
    font-weight: normal;
    line-height: 24px;
    padding-top: 34px;
}

Answer 1

尝试伪造背景图像或将其设置为blank.gif 而不是使其透明.

background:url(blank.gif);

见http://work.arounds.org/issue/22/positioned-anchor-not-clickable-ie6/

Answer 2

问题是,有一段时间(一周？两周？)IE改变了它解释背景颜色的方式.看来你不能说,颜色是透明的,而不是整个背景.所以,你应该改变background-color: transparent成background: transparent.非常讨厌.