не отображает тень

(Ответов: 7, Просмотров: 977)
  1. Студент Аватар для Виктор Трошка
    • Регистрация: 15.12.2012
    • Сообщений: 44
    • Репутация: 3
    Почему тень сверху меню накладывается нормально, а снизу не хочет?
    http://troshka.hut4.ru/
    блок,который пониже меню, .slogan почему то перекрывает тень
    пробовал задавать отрицательный z-index, но все равно не выходит...
    Что я делаю не так?
    • 0
  2. Orange Аватар для aidem
    • Регистрация: 11.11.2010
    • Сообщений: 502
    • Репутация: 127
    • Webmoney BL: ?
    Виктор Трошка,

    nav {
    position: relative;
    ...
    }
    • 1

    Спасибо сказали:

  3. Опытный Аватар для Valerij
    • Регистрация: 23.11.2012
    • Сообщений: 497
    • Репутация: 68
    • Webmoney BL: ?
    Виктор Трошка,Если Вам нежно со всех сторон
    {-webkit-box-shadow: 0px 0px 6px #000000;
    -moz-box-shadow: 0px 0px 6px #000000;
    box-shadow: 0px 0px 6px #000000;}


    и задайте .content {psdding:10px}
    Последний раз редактировалось Valerij; 09.01.2013 в 00:05.
    • 0
  4. Студент Аватар для Виктор Трошка
    • Регистрация: 15.12.2012
    • Сообщений: 44
    • Репутация: 3
    Цитата Сообщение от aidem Посмотреть сообщение
    Виктор Трошка,

    nav {
    position: relative;
    ...
    }
    Спасибо, помогло.
    А можете объяснить почему так происходит, а то я не совсем пойму? относительное позиционирование, но я ж ничего не собирался двигать, да и сверху же нормально отображалась

    Цитата Сообщение от Valerij Посмотреть сообщение
    Виктор Трошка,Если Вам нежно со всех сторон
    {-webkit-box-shadow: 0px 0px 6px #000000;
    -moz-box-shadow: 0px 0px 6px #000000;
    box-shadow: 0px 0px 6px #000000;}


    и задайте .content {psdding:10px}
    Внизу просто наброски, туда лучше не смотреть)
    • 0
  5. Orange Аватар для aidem
    • Регистрация: 11.11.2010
    • Сообщений: 502
    • Репутация: 127
    • Webmoney BL: ?
    Ну даже честно сказать не знаю как тут можно все объяснить)) Просто тень это всего лишь тень
    А применение относительного позиционирования, еще не значит что нужно что то двигать, когда будете верстать под IE то придется это принять.
    Цитата Сообщение от Виктор Трошка Посмотреть сообщение
    пробовал задавать отрицательный z-index
    z-index никогда не срабатывает когда у элемента position: static; (static - это по умолчанию), поэтому relative или absolute.
    • 1

    Спасибо сказали:

  6. Студент Аватар для Виктор Трошка
    • Регистрация: 15.12.2012
    • Сообщений: 44
    • Репутация: 3
    Цитата Сообщение от aidem Посмотреть сообщение
    Ну даже честно сказать не знаю как тут можно все объяснить)) Просто тень это всего лишь тень
    А применение относительного позиционирования, еще не значит что нужно что то двигать, когда будете верстать под IE то придется это принять.

    z-index никогда не срабатывает когда у элемента position: static; (static - это по умолчанию), поэтому relative или absolute.
    ладно, приму это как должное)
    • 0
  7. [web-developer] Аватар для cOAPerator
    • Регистрация: 22.02.2011
    • Сообщений: 615
    • Репутация: 111
    • Webmoney BL: ?
    z-index - в принципе работает, только тогда, когда указано свойство position отличное от static.

    вот почитайте _http://dreamhelg.ru/2009/09/css-property-z-index/
    Последний раз редактировалось cOAPerator; 09.01.2013 в 06:56.
    • 0
  8. Дипломник
    • Регистрация: 28.03.2011
    • Сообщений: 135
    • Репутация: 53
    И не забудьте использовать pie.htc - это скрипт который учит ие воспринимать тени(и не только)

    Вставляем вот так
    {
    -webkit-box-shadow: 0px 0px 6px #000000;
    -moz-box-shadow: 0px 0px 6px #000000;
    box-shadow: 0px 0px 6px #000000;
    behavior:url(PIE.htc);
    }

    Качаем pie вот отсюда css3pie.com
    Разработка сайтов на MODx любой сложности. Консультация по данной cms, а так же по php,css,js и т.д.
    • 1

    Спасибо сказали:

Похожие темы

Темы Раздел Ответов Последний пост
Хром не отображает блок с комментариями от соц сетей
Web программирование 0 17.09.2011 01:38
Не отображает содержимое таблицы
Web программирование 3 24.06.2011 01:17
CSS тень с помощью box-shadow
Дайджест блогосферы 0 28.09.2010 13:51

У кого попросить инвайт?

Вы можете попросить инвайт у любого модератора:

Информеры