去这里：IE8中的http://baked-beans.tv,你会看到翻转只适用于下半部分的缩略图.

Btw,这不是由< a>标签,但由a：hover指定< div>.

我无法想像的是,为什么它仅在图像的下半部分工作,但不在图像上(图像不是z索引,因此不是问题)

一旦我将背景颜色更改为除透明外的其他任何东西,它的工作效率可以达到100％.所以这只是打扰了我的头脑为什么下半部分,但不是上半部分,只有当我将bg颜色设置为透明？爱上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;
}