为什么文字阴影没有显示

Question

我想在标题文本上应用text-shadow属性，但它没有显示

CSS：

 .shadow { 
  color: black; 
  font: bold 52px Helvetica, Arial, Sans-Serif;
  text-shadow: 1px 1px #fe4902, 
            2px 2px #fe4902, 
            3px 3px #fe4902;
   -webkit-transition: all 0.12s ease-out;
   -moz-transition:    all 0.12s ease-out;
}
.shadow:hover {
   position: relative; 
   -webkit-transform: scale(1.1); 
   -moz-transform:    scale(1.1);
   -ms-transform:     scale(1.1); 
   -o-transform:      scale(1.1); 
   text-shadow: 5px 0px 2px rgba(150, 150, 150, 1);
 }

HTML：

 <h1 class='shadow'>Reseller welcome</h1>

缩放工作正常

这是网站http://rajafotocopy.com/store

Answer 1

右键单击h1，您将看到h1中没有文字。文本在2个单独的<span>中分为2级，应用text-shadow属性，如下所示：

 .shadow .cufon-alt { text-shadow....

请注意，<canvas>和.shadow之间有一个.cufon-alt，<canvas>也可以设置样式，但这涉及一些JavaScript。

更新

<canvas>禁止text-shadow。我移动了包含<canvas>上方文本的范围，并且它有效。

Answer 2

在您提供的网站上，使用cufón呈现文本，这样可以防止CSS属性像普通文本一样应用于它。

请参阅此主题以了解如何在cufón文本上应用阴影：Textshadow not working on CUFON

或者只是摆脱cufon并直接放入文本。