z-index

Тема в разделе "OpenCart", создана пользователем vivivor, 8 май 2013.

  1. vivivor

    vivivor

    Регистрация:
    4 янв 2013
    Сообщения:
    186
    Симпатии:
    162
    При наведении мышкой на товар должна отбрасываться тень, но она скрывается за фоном контейнера
    Если убрать из стилей фон контейнера, то все работает как надо.

    Подскажите как это легче исправить?
     
  2. Florenco

    Florenco

    Регистрация:
    3 мар 2013
    Сообщения:
    220
    Симпатии:
    101
    Попробуйте так:

    .product-grid > div {
    z-index: 10;
    .......

    #container {
    z-index: 5;
    .......
     
    winner7 нравится это.
  3. vivivor

    vivivor

    Регистрация:
    4 янв 2013
    Сообщения:
    186
    Симпатии:
    162
    тень должна находиться за карточкой с товаром, а так получается что она в ней
     
  4. Spartak

    Spartak

    Регистрация:
    23 дек 2012
    Сообщения:
    151
    Симпатии:
    57
    Доброе утро.
    Как вариант, может вам все же стоит убрать background из блока container ?
     
  5. vivivor

    vivivor

    Регистрация:
    4 янв 2013
    Сообщения:
    186
    Симпатии:
    162
    случайно нашел решение)
    #container{ position: relative;z-index: 1;...