html - 为什么没有应用此文本阴影？

Question

该站点的第一个“单击此处获取演示”按钮应用了文本阴影，但未显示:

http://www.chineselearnonline.com/ver7

这是 CSS:

   #content .call-to-act a {
        font-family: Arial, Helvetica, sans-serif;
        font-size: 28px;
            font-weight: bold;
        color: #ffffff;
            padding: 15px 21px;
            width: auto;
            height: auto;
            text-align: center;
           }

            background: -moz-linear-gradient(
        top,#e45b2d 0%,#e34e18);
        background: -webkit-gradient(linear, left top, left bottom,from(#e45b2d),
        to(#e34e18));
        -moz-border-radius: 32px;
        -webkit-border-radius: 32px;
        border-radius: 32px;
        border: 1px solid #a04830;
        -moz-box-shadow:0px 1px 3px rgba(000,000,000,0.5),
        inset 0px 0px 3px rgba(255,255,255,0);
        -webkit-box-shadow:0px 1px 3px rgba(000,000,000,0.5),
        inset 0px 0px 3px rgba(255,255,255,0);
        box-shadow:0px 1px 3px rgba(000,000,000,0.5),
        inset 0px 0px 3px rgba(255,255,255,0);
      text-shadow: 1px 1px 1px #000;
    }

和 HTML:

    <div class="call-to-act">
        <a href="http://www.chineselearnonline.com/demo/list.html">Click here for a Demo</a>
    </div>       

可能是什么问题？

Answer 1

我没有发现任何问题。在 Chrome 和 Firefox 中为我工作。我注意到在你的代码中有一个额外的 } 可能就是问题所在(但 css 根本不起作用。附言您不需要 -webkit- 或 -moz-。