CSS框阴影不显示在底部

我指定一个跨度的阴影框。影子只显示在右边。一些东西似乎覆盖了阴影的底部。我尝试调整跨度，但这并不是这样做的。我在样式规范中有这个。CSS框阴影不显示在底部

#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; 
}

可能是什么问题？

注意：无法上传用于包装盒阴影的图像。

来源

2011-07-05 user823527

您可以使用http://jsFiddle.net下次显示示例。 – 2011-07-05 23:42:05

如果您给跨度一些边缘底部会发生什么？ – Jules

@Jules，margin-bottom似乎解决了这个问题。谢谢。 – user823527

你真的应该张贴关于您的问题的详细信息，如HTML代码，你去影响，该说的尝试：变化

#feastsaint:hover span

到

span#feastsaint:hover

来源

2011-07-05 23:50:09

添加一些边距来你的跨度。

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

来源

2011-07-06 14:33:01 Jules

我最近遇到了MAC在MAC上的一些问题。我只需重新启动Chrome几次，直到它再次运行。对于我来说，位图和一些在线图像被搞砸了（没有矢量）。也许只需重新启动Chrome浏览器并查看它是否可行否则，只要修改您的CSS作为其他答案建议。好运

来源

2017-02-25 00:24:14 juliusmh

CSS框阴影不显示在底部

回答

相关问题