Удаление круга в CSS при наведении

0

Я пытаюсь удалить круг, созданный в CSS, но когда я удаляю несколько строк с использованием одного и того же класса, он увеличивает увеличительное стекло на нем, но я хочу, чтобы он оставался того же размера.

URL-адрес сайта: http://goo.gl/S0yQQ5 Вы можете увидеть круг, наведя на изображение изображение.

Классы: mask, mask_circle

CSS: http://pastebin.com/szdyQRp9

Благодарю!

  • 1
    Разместите свой код здесь или ваш вопрос будет закрыт.
  • 0
    дайте нам скрипку, что вы пытались?
Показать ещё 2 комментария
Теги:
class

1 ответ

0

Добавьте это в таблицу стилей:

.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;
}
  • 0
    Это действительно удалило круг, но это также удалило великолепное стекло, и это больше не кликабельно.
  • 0
    Нужно ли хранить увеличительное стекло? Или также удален?
Показать ещё 7 комментариев

Ещё вопросы

Сообщество Overcoder
Наверх
Меню