在CSS中應用文字筆觸和文字陰影？

Question

目前，我在使用CSS時遇到了一些困難。 我正在嘗試同時應用文本筆觸和陰影，但是我希望能夠更改筆觸和陰影的不透明度。 但是，我嘗試過文字陰影適用且筆觸不適用或筆觸適用且陰影不適用。 有指針嗎？ 如果需要，我可以提供嘗試使用的代碼。

非常感謝。

Answer 1

您可以使用偽:after來創建穿透效果並發揮其不透明性來達到您想要的效果。

檢查我創建的這個JS Fiddle。 您可以更改CSS部分中的值以實現所需的內容： http : //jsfiddle.net/_vijaydev/xvse9p1o/

Answer 2

還有另一種方法可以使用text-decoration:line-through來使文本刪除text-decoration:line-through並將其應用於CSS。

DEMO

Answer 3

我發現這適用於IE：

text-shadow: 
    2px 2px 10px color, 
    0px 2px 10px color,
    2px 0px 10px color,
    2px -2px 10px color,
    0px -2px 10px color,
    -2px 0px 10px color,
    -2px 2px 10px color,
    -2px -2px 10px color;

和'-webkit-text-stroke：2px color;' 以及針對FF / Chrome的“文本陰影：”規則。 顯然，您可以將px更改為所需的值。