Fatal编程技术网

Twitter bootstrap 带CSS转换的引导

twitter-bootstrap google-chrome grid

Twitter bootstrap 带CSS转换的引导,twitter-bootstrap,google-chrome,grid,hover,css-transitions,Twitter Bootstrap,Google Chrome,Grid,Hover,Css Transitions,嘿，所以我一直在努力解决这个问题，我已经寻找了几个小时的解决方案！并且尝试了我在Stack overflow和其他各种网站上遇到的几乎所有东西 我不确定我的问题是像素舍入、引导还是CSS转换 这似乎是一个常见的问题，尤其是在浏览器调整大小时，我的图像网格之间有1px的间隙 网格本身工作得很好，伸缩性也很好，但是我为悬停标题添加了一些代码，这似乎导致了我所尝试的问题 悬停状态代码位于此处： 这是一个正在发生的工作示例- 我尝试添加-webkit backface可见性：hidden是有人推荐的，

嘿，所以我一直在努力解决这个问题，我已经寻找了几个小时的解决方案！并且尝试了我在Stack overflow和其他各种网站上遇到的几乎所有东西

我不确定我的问题是像素舍入、引导还是CSS转换

这似乎是一个常见的问题，尤其是在浏览器调整大小时，我的图像网格之间有1px的间隙

网格本身工作得很好，伸缩性也很好，但是我为悬停标题添加了一些代码，这似乎导致了我所尝试的问题

悬停状态代码位于此处：

这是一个正在发生的工作示例-

我尝试添加
-webkit backface可见性：hidden
是有人推荐的，但我完全被难住了，我在Chrome、Firefox和Safari中也遇到了同样的问题。

只需添加

clip:rect（10px，10px，10px，10px）编码到您的

.hovereffect img

然后添加此属性和值

-webkit遮罩图像：-webkit径向渐变（方形、白色、黑色）
进入您的
.hovereffect

这应该行得通