css - div的跨浏览器定位

标签 css hover position

我正在尝试使用 :hover 制作一个动画菜单,使用两个具有相同内容的 div 但是当我有多个按钮并且我将鼠标悬停在它上面时,第二个 div 在 Chrome 中显示低 1 或 2 个像素,但在 Firefox 中则没有。我用两个菜单做了一个例子,一个有两个按钮(BUTTON1BUTTON2),一个只有一个按钮(BUTTON3):http://jsfiddle.net/Revolt/VHuyw/

最佳答案

尝试将 vertical-align: top 添加到您的 .button 类:http://jsfiddle.net/VHuyw/2/

关于css - div的跨浏览器定位,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/12672649/

相关文章:

css - 没有指定顶部、右侧、底部、左侧等的绝对定位元素的行为

html - 媒体查询在第一个屏幕有效,但在下一个屏幕无效

javascript - 使用 jQuery 延迟图像加载

html - 鼠标只悬停在图像的边缘?

javascript - 通过将鼠标悬停在数组 jquery 上进行迭代

python - xlabel和ylabel超出绘图区域,无法在图中完整显示

html - 随着浏览器宽度的变化将 div 置于彼此之下

css - 如何使用 Bootstrap 并排放置两个选择?

html - 如何将图像制作成链接

r - ggplot2:如何微调 geom_beeswarm 中点的位置?