Ничего не пойму! Не работает тень ни для одного div. беру тот же #top css: #top { background-color: #EEEEEE; border-bottom: 1px solid #e2e2e2; padding: 4px 0px 3px 0; margin: 0 0 20px 0; min-height: 40px; box-shadow: 0 2px 5px rgba(0,0,0,.1); } А тени нет и хоть убей! В чем секрет?
Я нашел причину, но пока не понял как править. Дело в том, что я создал новый класс как раз под #top: Для top Для нового стиля в stylesheet.css я создал: Код: .row2 { background-color: #F7F7F7; padding-top: 30px; padding-bottom: 30px; border-bottom: 1px solid #DEDEDE; box-shadow: 0 2px 5px rgba(0,0,0,.1); } т.е. под полоской сверху #top идет стиль не row, а row2. Чтобы работала у данного стиля заливка и определялась высота этого стиля я так же добавил такую строку в stylesheet.css Код: .row2:after,.row2:before{display:table;content:" "} И вот при таком варианте как раз и не работает тень! Если сейчас row2 поменять на row, то тень сразу появляется. В чем секрет? П.С. И еще не совсем понял, зачем в стиле bootstrap.min.css Код: .row:after{clear:both} ? Мне надо в stylesheet.css добавить Код: .row2:after{clear:both} ?
ну не удобно же читать код... нажмите уж кнопочку рядом с дискетой и посмотрите что там предлагаю!!! Не применяйте after если не знаете зачем это. Напишите адрес сайта.. так проще же помогать.
