html - 悬停时删除CSS中的圆圈

Question

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

站点 URL: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;
}