【问题标题】:css overflow in a:hover taga:hover 标记中的 css 溢出
【发布时间】:2017-09-22 05:14:50
【问题描述】:

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

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

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

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

【问题讨论】:

    标签: css cross-browser


    【解决方案1】:

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

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

    【讨论】:

      猜你喜欢
      • 1970-01-01
      • 2022-01-15
      • 1970-01-01
      • 2017-12-28
      • 2022-08-13
      • 1970-01-01
      • 1970-01-01
      • 1970-01-01
      • 2012-10-24
      相关资源
      最近更新 更多