我创建了一个图库，以便将各种图像排序到列中。图像是iframe的链接，因此当点击它们时，会加载描述图像的网页。我要集成的图库的一个功能是当用户将鼠标悬停在图像上时，会显示图像的名称。我有这个几乎工作，除了有一个缺陷。图像的名称显示在包含div的右下角，而不是图像的右下角。我怎样才能解决这个问题？这是网页：http://www.givetoagiver.co.cc/gallery.php 这是样式表： http://www.givetoagiver.co.cc/style.css 谢谢
答案 0 :(得分：1)
添加：
ul.ulgallery li {
position: relative;
}
答案 1 :(得分：1)
全部在
position: absolute; right: 0; bottom: 0
a：hover从第一个具有position属性的父级获取它的绝对位置。页面上没有其他元素已声明位置，因此默认为正文（整页）
尝试提供
li { position: relative}
然后更改
的绝对位置.imgteaser a:hover {top: 0; left: 0}