Тень CSS-бокса не показана внизу

Question

Я указываю тень блока для пролета.Тень показывает только справа.Кажется, что-то покрывает нижнюю сторону тени.Я пытался изменить размер пролета, но это не сработало.У меня есть это в спецификациях стиля.

#feastsaint:hover span {
   display:block;
   width:385px;
   height:65px;
   margin-left: 120px;

    border:1px solid #808080;
    padding:2px;
    font-size:11px;
    border-radius: 5px;
    box-shadow: 3px 5px 8px #888;
    -moz-border-radius: 5px;
    -moz-box-shadow: 3px 5px 8px #888;
    padding: 5px 5px 5px 15px;
    background:#CCFFCC;

   /* border:1px solid #404040;
   background-color:#FFCCCF; */
   color:#404040;
   white-space: normal;
   z-index:99;  
}

В чем может быть проблема?

ПРИМЕЧАНИЕ. Не удалось загрузить изображение для тени блока.

Answer 1

Добавьте немного отступа к вашему диапазону.

#feastsaint:hover span {
     ....
     margin-bottom: 5px; // (play with this a bit till you get the desired effect)
}

Answer 2

Недавно у меня возникли некоторые проблемы с Chrome на MAC. Мне просто пришлось перезапустить Chrome несколько раз, пока он снова не заработал. Для меня растровые изображения и некоторые изображения онлайн были испорчены (нет векторов). Может быть, просто перезапустите Chrome и посмотрите, работает ли он. В противном случае просто пересмотрите свой CSS, как предлагают другие ответы. Удачи

Answer 3

вам действительно следует опубликовать дополнительную информацию о вашей проблеме, такую ​​как HTML-код, на который вы пытаетесь повлиять, который сказал try: изменить

#feastsaint:hover span

до

span#feastsaint:hover