跨瀏覽器文本漸變和筆畫

Question

我需要獲得帶有漸變和3px筆畫的標題。我不在乎它是否與PNG。我需要跨瀏覽器。

代碼：

.title { 
    text-align: center; 
    padding-top: 10px; 
    padding-right: 10px; 
    padding-bottom: 10px; 
    padding-left: 40px; 
    font-size: 25px; 
    color: #FFF; 
    font-weight: bold; 
    text-transform: uppercase; 

    /* 
     This code gives me the gradient but only in Safari & Chrome. I need IE & Firefox to. 
     background: -webkit-gradient(linear, left top, left bottom, from(#ffcc02), to(#fffe42)); 
    -webkit-background-clip: text; 
    -webkit-text-fill-color: transparent;*/ 
} 

此外，我需要添加一箇中風。但外面沒有內部。或者如果它的內部將是我的新字體大小？

Answer 1

我在回答這類問題之前，check the post here。

有一個叫文衝程在CSS3， 我一直在努力得到這個工作了一段時間，但一直不成功 到目前爲止的實驗webkit的財產。

我所做的是使用已受支持的文本陰影 屬性（我相信在Chrome，Firefox，Opera和IE 9中支持）。

用四顆陰影來模擬撫摸文本：

HTML：

<div class="strokeme"> 
    This text should have a stroke in some browsers 
</div> 

CSS：

.strokeme 
{ 
    color: white; 
    text-shadow: 
    -1px -1px 0 #000, 
    1px -1px 0 #000, 
    -1px 1px 0 #000, 
    1px 1px 0 #000; 
}