Question

.thumbnail:hover 
{
    position:relative;
    top:-25px;
    left:-35px;
    width:500px;
    height:auto;
    display:block;
    z-index:999;
}

和

<td><img src='.$row['spy'].' class="thumbnail" style="width:64px; height:64px;"></td>

但它不会起作用我正在使用Enjin我试图在悬停在它上面时制作更大的图像

Answer 1

写：

width:500px !important;

以及

height:auto !important;

这将有效，这使得CSS不会被其他CSS覆盖

Answer 2

您必须在CSS中的宽度和高度属性上使用!important才能覆盖内联样式。： - ）

.thumbnail:hover{
    position: relative;
    top: -25px;
    left: -35px;
    width: 500px !important; // notice !important
    height: auto !important;
    display: block;
    z-index: 999;
}

Answer 3

您应该使用!important强制CSS覆盖其他样式。

使用auto时，它会将元素重置为默认高度。

尝试使用：

width: 500px !important;
height: auto !important;

Check this out

将鼠标悬停在图像上并使其变大

3 个答案: