Html 悬停在表内的图像未显示完整图像大小
HTML表格代码:Html 悬停在表内的图像未显示完整图像大小,html,css,hover,Html,Css,Hover,HTML表格代码: <tr class="tr2"> <td class="td-center addonstitle">Addon Title</td> <td class="td-center addonsdescription">Description</td> <td class="td-center addonsauthor">Author</td> <td class="td-center ad
<tr class="tr2">
<td class="td-center addonstitle">Addon Title</td>
<td class="td-center addonsdescription">Description</td>
<td class="td-center addonsauthor">Author</td>
<td class="td-center addonsscreenshot"><div class="hover_img"><a href="#">Show Image<span><img src="imagelink" alt="image"></a></div></td>
</tr>
当前,当您将鼠标悬停在“show image”链接上时,图像会显示出来,但它会缩小到表的大小(因此几乎隐藏),但是我希望当您将鼠标悬停在“show image”上时,它会显示完整的图像大小
我已经尝试设置了一个宽度/高度和溢出:对a:hover-span CSS可见,但是图像仍然只显示在表下的大小。此处显示的问题:(红色圆圈部分)(悬停的原始图像:)-悬停时应显示完整图像sSKurPk。。不是显示的小电流部件
编辑:必须删除HTML代码中的链接-“imagelink”链接到是否有类似的内容
img {
max-width: 100%;
}
这可以防止图像溢出/全尺寸。嘿,唯一加载的img CSS代码如下:很难回答并找到解决此问题的方法,因为我们不知道整个代码/样式。
img {
max-width: 100%;
}