爲什麼這個文本陰影不被應用？

首先點擊此處查看本網站的演示按鈕已申請文本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>

可能是什麼問題？

來源

2014-01-17 alexchenco

它的工作。在其瀏覽器中，你面臨的一個問題？ – Nitesh

在Chrome上爲我工作31 ... – kmoe

@Nathan Lee Chromium Ubuntu。奇怪的是，我把它從這裏拿出來，我看到它在那個頁面上：http://css3button.net/ – alexchenco

我沒有看到任何問題。適用於Chrome和Firefox。我在你的代碼注意到一個額外的}也許這就是問題（但該CSS不會在所有的工作。 PS你不需要-webkit-或-moz-。

來源

2014-01-17 14:41:01 Esser

爲什麼這個文本陰影不被應用？

回答

相關問題