Перейти до вмісту
Пошук в
  • Детальніше...
Шукати результати, які ...
Шукати результати в ...

Помогите разобраться с CSS


Recommended Posts

Сделал тень при наведении на картинку товара в списке товаров, режим grid.

 

 

.product-grid .image img:hover {

padding: 2px;
border: 1px solid #cccccc;
-webkit-box-shadow: 0px 0px 20px rgba(0,0,0,0.8);
  -moz-box-shadow: 0px 0px 20px rgba(0,0,0,0.8);
  box-shadow: 0px 0px 20px rgba(0,0,0,0.8);
 
}

Как видно на картинке ниже, левые и верхние части получаются не видны. Блок с списком товаров как бы ниже остальных.

Что только не пробовал, z-indexы использовал, не получается поднять тень выше левого и верхнего блоков.

 

Подскажите кто плотно работает с CSS Опенкарта, куда копать? 

 

Заранее спасибо за ответ.

e8d76933cb34.jpg

Надіслати
Поділитися на інших сайтах


у левого и верхнего блоков тоже пробовали z-index менять? По идее на них надо поставить 1, на картинках 2

В том то и дело, ставлю у img индекс 100, у остальных 0, справа, сверху, результата нет. Вот и запутался окончательно. Не могу найти решения.

Надіслати
Поділитися на інших сайтах


Створіть аккаунт або увійдіть для коментування

Ви повинні бути користувачем, щоб залишити коментар

Створити обліковий запис

Зареєструйтеся для отримання облікового запису. Це просто!

Зареєструвати аккаунт

Вхід

Уже зареєстровані? Увійдіть тут.

Вхід зараз
  • Зараз на сторінці   0 користувачів

    • Ні користувачів, які переглядиють цю сторінку
×
×
  • Створити...

Important Information

На нашому сайті використовуються файли cookie і відбувається обробка деяких персональних даних користувачів, щоб поліпшити користувальницький інтерфейс. Щоб дізнатися для чого і які персональні дані ми обробляємо перейдіть за посиланням . Якщо Ви натиснете «Я даю згоду», це означає, що Ви розумієте і приймаєте всі умови, зазначені в цьому Повідомленні про конфіденційність.