找出實際盒陰影值的最佳方法是什么？

Question

我需要找到服務器編寫的CSS樣式規則的實際box-shadow元素值。 更具體地說，我需要知道該元素是否具有可見陰影。 這意味着，由於rgba值的不透明度為0，或者模糊度為0，散度為負，因此可能存在陰影規則不是“無”但沒有顯示的情況。

有任何想法嗎？

Answer 1

同時使用.css()和.match()方法，您可以輕松獲取元素的text-shadow值：

var text_shadow = $('div').css('text-shadow').match(/(-?\d+px)|(rgb\(.+\))|(rgba\(.+\))/g);

---

這是一個可以滿足您需求的JSFiddle 。 但是您必須知道：

• 如果rgba的alpha值設置為0，則瀏覽器將看到它，就好像您沒有放置任何顏色（ undefined ）一樣。
• 您不能將模糊設為負值 ：

對於某些屬性，使用負數長度是語法錯誤，但是對於某些屬性，允許負數長度。