我的蓝色悬停状态div上只有奇怪的镀铬1px间隙

时间:2012-08-19 23:52:54

标签: css

当您将鼠标悬停在我网站上的某本书http://seanbooks.tumblr.com/上时,蓝色div似乎并未完全覆盖右侧的照片,留下1px的间隙。这似乎只发生在Chrome中。

2 个答案:

答案 0 :(得分:2)

不知道为什么,但是,在我的屏幕上,图像延伸到351px而不是容器的350px,伸出容器。如果您在图片上设置position: absolute,它似乎会更好。

答案 1 :(得分:1)

我认为这是因为.row .threecol的宽度是22.05%,也许chrome不想尝试将屏幕拆分到那么远。我将它改为250px,似乎没问题。

.row .threecol {
width: 250px;
}