0

我有一个 div将应用一些 CSS 阴影。我需要使用 jQuery 获取以下阴影元素：

  • h-shadow, v-shadow,blur和spread像素
  • color 阴影的，在一些字符串中，不管怎样
  • inset, 如果它被应用在box-shadow属性中。

怎么做？是否有一些特定的 CSS 属性，比如border-top-right-radius获取右上角的边框半径而不是使用border-radius?

所以，示例代码：

<div id="the_div" style="box-shadow:10px 10px 5px 2px #f00 inset;">...</div>

现在一些JavaScript...

$(function(){
    $('#the_div').someFunction(); // returns the h-shadow, for example
});
4

4 回答 4

2

你想要的是这种东西：

jQuery获取文本阴影变量

基本上，解决方案只是使用一些正则表达式将文本阴影拆分为color、y、x和blur.

于 2013-03-13T19:48:59.277 回答
0 
jQuery("#divID").css("color");

这将获得颜色 - jQuery 将获得您要求的 css 属性：jQuery CSS

于 2013-03-13T19:45:43.303 回答
0 
alert($('.myElementClass').css('box-shadow));

<!DOCTYPE html>
<html>
<head>
<style>
div.xxx {
    position: relative;
    background-color: #abc;
    width: 40px;
    height: 40px;
    float: left;
    margin: 5px;
    box-shadow: 10px 10px 5px #888888;
}
</style>
<script src="http://code.jquery.com/jquery-latest.js"></script>
</head>
<body>
<p><button id="go">Run »</button></p>
<div class="xxx"></div>
<script>
    $( "#go" ).click(function(){
        alert($('.xxx').css('box-shadow'));
    });
</script>
</body>
</html>
于 2013-03-13T19:47:47.527 回答
0

您需要使用：

$("#divID").css("box-shadow");

然后解析返回的字符串以获得所需的属性。由于字符串可能会有所不同，我不打算写出一个函数。但是你应该可以从这里拿走它。

编辑：因为不同的浏览器行为不同，您可以使用此处的最佳答案检查浏览器。

您在之前对另一个答案的评论中链接到的答案也回答了您的问题。可以在这里找到

于 2013-03-13T19:49:53.663 回答