:hover tag 中的 css 溢出

Question

我有一个图像( map )，其中使用位置放置了一些兴趣点:绝对和每个 poi 的坐标。我希望它使用以下方法在鼠标悬停时扩展每个 POI 的信息:

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

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

这在 IE 中工作正常，但在 firefox 或 chrome 中不起作用。它不会裁剪溢出，它只是一次显示所有信息。

Answer 1

使它们成为 block 元素或内联 block 元素，因为(从上面的代码片段来看)链接是内联的，不会溢出。

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