이 텍스트 그림자가 적용되지 않는 이유는 무엇입니까?

이 사이트의 데모 버튼 여기를 첫 번째 클릭은 텍스트 shadhow는 적용했지만이 표시되지 않습니다이 텍스트 그림자가 적용되지 않는 이유는 무엇입니까?

#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 : 여기

http://www.chineselearnonline.com/ver7

는 CSS입니다 :

<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에서 나를 위해 일하고 있습니다 ... – kmoe

@Nathan Lee Chromium 우분투 이상한, 여기에서 가져 와서 그 페이지에서 볼 수 있습니다 : http://css3button.net/ – alexchenco

아무런 문제가 없습니다. Chrome 및 Firefox에서 저에게 적합합니다. 내가 추가 } 아마 문제를 이잖아 (그러나 그와 CSS를 전혀 작동하지 않을 코드에 나타났습니다. PS 당신은 -webkit- 또는 -moz- 필요하지 않습니다.

출처

2014-01-17 14:41:01 Esser

이 텍스트 그림자가 적용되지 않는 이유는 무엇입니까?

답변

관련 문제