IE CSS错误：background-color：transparent的行为不同于background-color ：（任何其他颜色）

Question

我一直在努力找出为什么这种转换没有像IE8那样运行。

转到此处：IE8中的，您将看到翻转仅适用于缩略图的下半部分。

顺便说一句，这不是由<a>标签激活的，而是由的激活:hover的<div>。

我不知道为什么它只能在div的下半部分（在图像下方）工作，而不在图像上工作（图像未进行z索引，所以这不是问题）

只要将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);