box-shadow в стандартной теме

Тема в разделе "Дизайн, оформление и шаблоны", создана пользователем Korovke, 7 май 2015.

  1. Korovke

    Korovke Пользователь

    Сообщения:
    42
    Симпатии:
    3
    Ничего не пойму! Не работает тень ни для одного div. беру тот же #top css:

    #top {
    1. background-color: #EEEEEE;
    2. border-bottom: 1px solid #e2e2e2;
    3. padding: 4px 0px 3px 0;
    4. margin: 0 0 20px 0;
    5. min-height: 40px;
    6. box-shadow: 0 2px 5px rgba(0,0,0,.1);
    }

    А тени нет и хоть убей! В чем секрет?
     
  2. Ален

    Ален Эксперт

    Сообщения:
    2.055
    Симпатии:
    634
    возьмите значение по больше
    Код:
    box-shadow: 0 2px 50px rgba(21, 7, 7, 0.97)
     
  3. Korovke

    Korovke Пользователь

    Сообщения:
    42
    Симпатии:
    3
    Я нашел причину, но пока не понял как править. Дело в том, что я создал новый класс как раз под #top:

    [​IMG]

    Для 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}
    
    ?
     
    Последнее редактирование: 7 май 2015
  4. Ravilr

    Ravilr Специалист

    Сообщения:
    3.144
    Симпатии:
    870
    ну не удобно же читать код... нажмите уж кнопочку рядом с дискетой и посмотрите что там предлагаю!!!
    Не применяйте after если не знаете зачем это.
    Напишите адрес сайта.. так проще же помогать.
     
  5. Korovke

    Korovke Пользователь

    Сообщения:
    42
    Симпатии:
    3
    Я вроде разобрался! Надо сделать отступ margin-bottom: 2px; ?