Django管理员-使图像显示在django管理员列表视图上方

Question

关注Django Admin - display image on hover中的问题。我能够像希望的那样使图像出现在悬停上。但是，如果django管理员列表视图中只有几个项目，则图像的一部分会出现在列表底部的后面

这是一个外观示例，其中某些列标题为灰色

图像在列表底部下方扩展（如滚动条的外观所暗示）。我们希望它弹出顶部，因此无论列表的长度如何，整个图像都是可见的

这是我们拥有的代码

def image_column(self, object)
    return format_html(text+" "+\
                '''<a href="{}"" target="_blank" 
                style="font-size: 18pt; position: relative;" 
                onmouseover="document.getElementById('{}').style.display='block'; position: relative;"
                onmouseout="document.getElementById('{}').style.display='none';"><div style="position:relative">?</div>  
                <img id="{}" style="display:none; position: absolute; top: 0px; left: 0px; width:550px; border:5px solid; z-index:1000;" src="{}" /> </a>'''.format(
                    url, img_id, img_id, img_id, url))

我尝试将图像标签中的position:absolute设置为position:relative。这样可以确保当您将鼠标悬停在上方（展开包含的行）时，可以显示整个图像。但是，这会影响文档其余部分的布局，这会使用户感到迷惑

谢谢！