Question

已解决 - 解决方案如下，请在正确的方式检查小提示页面。

我的问题出现在下面的代码中，我希望实现2个阴影：外部为1，内部为1。不知何故，现在代码会使外部阴影消失。

下面我删除了我现在如何拥有它的代码。我可能做错了什么，只是我不知道在哪里。

代码：

<style type="text/css">
body {
    background-image: url(grassbkg.png);
    background-color:#000;
}
.tablecorner {
    border-radius: 25px;
    padding-top: 8px;
    padding-left: 10px;
    padding-right: 10px;
    padding-bottom: 8px;    
    border: 2px solid #FFFFFF;
    background-color: rgba(11, 66, 121, 0.7);
    width: 200px;
    height: 150px;
}
.tablecorner, outsideshadow {
    -moz-box-shadow: 0 0 15px 8px #000;
    -webkit-box-shadow: 0 0 15px 8px#000;
    box-shadow: 0 0 15px 8px #000;
}
.tablecorner, shadowinside {
    -webkit-box-shadow:inset 1px 1px 15px 5px rgba(0,0,0,0.75);
    -moz-box-shadow:inset 1px 1px 15px 5px rgba(0,0,0,0.75);
    box-shadow:inset 1px 1px 15px 5px rgba(0,0,0,0.75);
}
.tablecorner tr td {
    font-family: Verdana, Geneva, sans-serif;
    font-size: 14px;
    color: #FFFFFF;
    text-shadow: 0px 2px #000000;
}
</style>
</head>
<body>
<table align="center" class="tablecorner">
  <tr>
    <td align="left" valign="top">Dit is gewoon even een test om te zien dat alles gewoon naar behoren werkt, werkt het dan niet dan moeten we wat anders doen......</td>
  </tr>
</table>

</body>
</html>

如何解决此问题？

这里我还有小提琴代码： MyCodeInFiddle

Answer 1

如果要添加多个框阴影，则需要在1样式规则中以逗号分隔。否则第二条规则将覆盖第一条

child_added

css表阴影外没有显示

1 个答案: