CSS 图像悬停仅在 Chrome 浏览器中出现奇怪的效果

标签 css hover

在此网站上,如果您在使用 Chrome 时将鼠标悬停在主页 slider 下方的三个水平图像框上,悬停时,其他两个框会跳下页面。

这个问题在 Firefox 中不会发生。

我一直在玩弄 display:block 属性,但还没有设法对其进行排序,如果有人可以善意地建议我做错了什么,我将不胜感激 - 谢谢。

网站:http://www.benchmemorials.co.uk/

最佳答案

也没有问题,但这种问题往往来自不同浏览器默认设置的margin和padding。检查normalize css ,它会为您的元素设置一些基本样式。

关于CSS 图像悬停仅在 Chrome 浏览器中出现奇怪的效果,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/10127783/

相关文章:

html - 将文本格式化为位于页面的正中心,并且大小正确.. [HTML/CSS]

jquery - 只高亮选中的元素,而不是它的父元素?

javascript - 当鼠标悬停在 jquery 中时显示按钮的状态

javascript - 悬停时共享按钮

HTML/CSS - 不再悬停时保持悬停效果

css - Woocommerce Storefront 为主页上的产品类别添加悬停效果

html - 从最后一个导航列表项中删除边框

jquery - 光滑的旋转木马图标显示 DOT 和 AT 但没有图标

CSS 不适用于使用 create-react-library 创建的链接 React 库

html - 如何在悬停中删除背景颜色并将其更改为下划线但在 Bootstrap 中文本和行之间有空格?