找出实际的盒子阴影值的最佳方法是什么？

Question

我需要找到服务器编写的css样式规则的实际box-shadow元素值。更具体地说，我需要知道元素是否具有可见阴影。 这意味着，可能存在影子规则不是＆＃34; none＆＃34;但不显示，因为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中的alpha值设置为0，则浏览器会将其视为未添加任何颜色（undefined）。
• 你can't set the blur to a negative value：

  

对于某些属性，使用负长度是语法错误，但对于某些属性，允许使用负长度。