为什么没有应用这个文本阴影?

时间:2014-01-17 12:59:20

标签: html css

第一次单击此处获取此站点的演示按钮已应用text-shadhow但未显示:

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>       

可能是什么问题?

1 个答案:

答案 0 :(得分:4)

我没有看到任何问题。适用于Chrome和Firefox。我在你的代码中注意到了一个额外的}可能就是这个问题(但是css根本不会起作用)。 附:您不需要-webkit--moz-