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

在你的跨度中添加一些 margin-bottom。

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