Я пытаюсь удалить круг, созданный в CSS, но когда я удаляю несколько строк с использованием одного и того же класса, он увеличивает увеличительное стекло на нем, но я хочу, чтобы он оставался того же размера.
URL-адрес сайта: http://goo.gl/S0yQQ5 Вы можете увидеть круг, наведя на изображение изображение.
Классы: mask, mask_circle
CSS: http://pastebin.com/szdyQRp9
Благодарю!
Добавьте это в таблицу стилей:
.mask_circle { display: none; }
[EDIT, основанный на комментариях]
Если вы хотите держать увеличительное стекло, а как прямоугольник (не круг), сделайте следующее:
.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;
}