找出實際箱子陰影值的最佳方法是什麼？

Question

我需要找到由服務器編寫的CSS樣式規則的實際盒陰影元素值。更具體地說，我需要知道元素是否有可見陰影。 這意味着，可能存在陰影規則不是「無」但由於rgba值具有0不透明度而不顯示的情況，或者模糊爲0且散佈爲負的情況。

有什麼想法？

Answer 1

同時使用.css()和.match()方法就可以輕鬆搞定text-shadow價值的元素：

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

---

這裏是一個 working JSFiddle with what you need。但是你要知道：

• 如果rgba阿爾法值設置爲0，瀏覽器發現，如果你沒有把任何顏色（undefined）。
• 您can't set the blur to a negative value：

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