2013-02-19 159 views
0

我在CSS中使用以下邊框來勾勒帶有一些邊框的字體,但這在IE中不起作用,有沒有可能,我可以做類似的東西,在IE中。目前,這在Chrome,FF,Safari中運行良好。在IE中使用文字 - 陰影的字體邊框

.ItemPrice { 
    font-size: 40px; 
    color: #E8C61E; 
    -webkit-text-stroke: 1px #B2412F; 
    text-shadow: -1px 0 #B2412F, 0 1px #B2412F, 1px 0 #B2412F, 0 -1px #B2412F; 
} 

由於這些是動態出來的價格,我不能使用圖像。如果有人能幫助我,那會很好。

添加更多的描述,因爲人們標記它重複的問題。

  1. 我知道我可以使用過濾器來創建陰影,但是不會像字體那樣給人感覺的邊框。
  2. 如果我們使用多個dropShadow過濾器來創建邊框,字體會從角落中切斷,這看起來不太好。
  3. 有JS插件可用於創建帶有邊框的字體,但由於我需要顯示的價格必須在同一頁面上多次顯示,因此使用這些JS插件使其非常緩慢。

在此先感謝。

+0

IE不支持文字陰影在低於10的版本,但它的長期支持一個專有的模擬。 – reisio 2013-02-19 02:06:13

+0

對於這樣一個小的影響,試圖強迫它在IE中工作的麻煩是值得的嗎?沒有它,它將正常運行。 – 2013-02-19 02:35:04

+0

唯一的原因是,有一些使用IE作爲一些網絡支持的專有軟件(後端種類不確定),因此它必須在那裏得到支持。 – 2013-02-19 02:38:56

回答

0

你可以把多個文本陰影與過濾器:

filter: progid:DXImageTransform.Microsoft.Chroma(color='white') progid:DXImageTransform.Microsoft.Alpha(opacity=100) progid:DXImageTransform.Microsoft.dropshadow(color=#ffffff,offX=1,offY=1) progid:DXImageTransform.Microsoft.dropshadow(color=#ffffff,offX=-1,offY=1) progid:DXImageTransform.Microsoft.dropshadow(color=#ffffff,offX=1,offY=-1) progid:DXImageTransform.Microsoft.dropshadow(color=#ffffff,offX=-1,offY=-1); 
0

你可以看看這個,它的工作原理類似於CSS3 PIE,但有一些文字陰影的功能。我從來沒有使用這個具體的,但它可能是值得一試。

http://www.fetchak.com/ie-css3/