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

你真的应该发布更多关于你的问题的信息，比如你试图影响的html代码，那就说：变化

#feastsaint:hover span

到

span#feastsaint:hover

Answer 3

我最近在使用MAC上的Chrome时遇到了一些问题。我只需要多次重启Chrome，直到它再次运行。对我来说，位图和一些在线图像搞砸了（没有矢量）。也许只需重新启动Chrome并查看它是否有效。否则只需修改你的CSS，如其他答案所示。祝你好运

底部没有显示CSS框阴影

3 个答案: