文字陰影一樣具有透明度

字體顏色我已經在我的網站上使用多種顏色，我想申請文字陰影於所有文字，但我透明度文字陰影一樣具有透明度

現在用我下面的代碼希望它要做到這一點

代碼：

body{ 
    text-shadow: transparent 0 0 0, rgba(0,0,0, 0.75) 0 0 0.001px; 
}

，但它具有透明度申請黑色例如，如果顏色爲r編輯所以我想文本 - 陰影與透明度的紅色。

任何幫助，將不勝感激..謝謝..

來源

2014-09-01 Dhaval Panchal

我寫的小jQuery函數爲我的解決方案

$("p").each(function() { 
    textShadow = $(this).css("color").replace(')', ', 0.75)').replace('rgb', 'rgba'); 
    $(this).css('text-shadow', 'rgba(255, 0, 0, 0) 0 0 0, ' + textShadow + ' 0 0 0.001px'); 
});

Reference stackoverflow Question

來源

2014-09-01 08:52:49

有純CSS沒有辦法有一個顏色值，它引用現有的顏色值與任意alpha值。您可以得到的最接近的數字是currentColor（其中text-shadow已用作默認顏色），但currentColor也使用現有的Alpha值，並且不允許您指定自定義Alpha值。

您需要在文字陰影再次指定的顏色值，所以如果它是紅色：

text-shadow: rgba(255, 0, 0, 0) 0 0 0, rgba(255, 0, 0, 0.75) 0 0 0.001px;

（我避免使用transparent關鍵字作爲一些瀏覽器被稱爲插值正確使用transparent梯度。）

來源

2014-09-01 06:53:10 BoltClock

我不希望它作爲跨瀏覽器，我只是希望它的鉻，我只想要一個CSS黑客這不是個別的顏色，看看你正在嘗試黑色文本有不同的CSS爲文本 - 陰影，紅色有其不同的CSS，但我想我的網站上的所有顏色相同的CSS – 2014-09-01 07:01:00

即使有專爲一個瀏覽器開發的想法，你不可能只爲Chrome做這個，因爲就像我說的那樣，沒辦法*做到這一點。想拿就拿吧。 – BoltClock 2014-09-01 07:03:16

實際上，我使用CSS hack @media屏幕和（-webkit-min-device-pixel-ratio：0）{}僅將它應用於webkit瀏覽器。 – 2014-09-01 07:11:01

文字陰影一樣具有透明度

回答

相關問題