a:hover 标记中的 css 溢出

Question

我有一个图像（地图），其中一些兴趣点使用 position: absolute 和每个 poi 的坐标放置。我希望它在鼠标悬停时扩展每个 POI 的信息：

.poi a {
    width: 32px;
    height: 32px;
    overflow: hidden
}

.poi a:hover {
    width: 128px;
    height: 192px;
    overflow: auto
}

这在 IE 中运行良好，但在 firefox 或 chrome 中无法运行。它没有裁剪溢出，它只是一次显示所有信息。

Answer 1

使它们成为块或内联块元素，因为（从上面的 sn-p）链接是内联的，不会溢出。

.poi a {
    width: 32px; 
    height: 32px; 
    overflow: hidden;
    display: block;
}