在悬停时删除CSS中的圆圈

Question

我正在尝试删除一个用CSS制作的圆圈，但是当我使用相同的类删除几行时，它会使放大镜更大但我希望它保持相同的大小。

网站的网址：http://goo.gl/S0yQQ5您可以通过将鼠标悬停在图片上来查看该圈子。

类：mask，mask_circle

CSS：http://pastebin.com/szdyQRp9

谢谢！

Answer 1

将其添加到样式表中：

.mask_circle { display: none; }

<击>

[基于评论的编辑]

如果你想保留放大镜，但是想要一个矩形（不是圆形），请执行以下操作：

.one_fourth.gallery4:hover .mask .mask_circle {
    border-radius: 200px; /* delete this line */

请注意，样式表中还有.one_half，.one_third个样式，这些样式为这些特定类中的.mask_circle提供了圆角边框。如果您也使用这些样式，则需要更改它们。或者你可以快速而肮脏的（!!）方式：

.mask_circle {
    border-radius: 0 !important;
}