jquery - 白线故障(25% 大小的 div)

标签 jquery html css joomla

我正在构建这个新元素,但我在 CSS 中遇到了一个未知的(故障?)问题。 这是网站>here<

问题如下:在第二张图片的右侧,有一条毛刺白线。在谷歌浏览器中,它是不可见的,当鼠标悬停在它上面时,图像只会超出它的边界。然而,在 Safari 中,当悬停不在上方时会出现 1/2 像素的白线,悬停时会消失。

页面宽度最初有 4 个 div,每个 25%(我这里也有白线)。现在我添加了第 5 个(在 overflow:scroll 中)。仍然有同样的问题。

有谁知道如何改进我的代码,让这条乱七八糟的行永远消失吗?

编辑:这是我的元素,针对一家公司,但我有权共享其任何代码。

最佳答案

我怀疑这是一个舍入错误,因为每个 div.block 都设置为 315.25 像素宽。尝试将其设置为整数。

关于jquery - 白线故障(25% 大小的 div),我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/22655893/

相关文章:

html - 使用 jquery 展开和折叠表行 (tr)

html - Wordpress 中的移动图像问题

javascript - 如何在设定的时间内(3秒间隔)更改div内的文本内容

javascript - 在 php 中单击按钮添加表行并设置字段值

css - 防止在 Chrome 中突出显示 Canvas 区域

javascript - Rails js.erb 不渲染部分文件,但获取渲染的响应文件

javascript - 将 js 代码转换为 jQueryMobile 时出错

javascript - Grails - 在脚本方法之后调用正文加载

javascript - 最小化最大化不起作用

javascript - 如何模拟点击显示:none on hover image (how to listen for any mouse click in a browser)