如何在jquery中添加与css浏览器兼容的标记

如何在jquery中添加与css浏览器兼容的标记,jquery,html,css,scrollmagic,Jquery,Html,Css,Scrollmagic,我正在使用scrollmagic js进行滚动动画。我给png文件添加了阴影,并添加到jquery代码中。但它显示了错误(未捕获的SyntaxError:意外标记-),谢谢您的帮助 var tween = TweenMax.to(elemTo, 1, { -webkit-filter: 'drop-shadow(0px 10px 23px rgba(0, 0, 0, 0.12))' }); (为了强调这一点,我把盒子的阴影调暗了) 可以在引号中包含目标元

我正在使用scrollmagic js进行滚动动画。我给png文件添加了阴影,并添加到jquery代码中。但它显示了错误(未捕获的SyntaxError:意外标记-),谢谢您的帮助

var tween = TweenMax.to(elemTo, 1, {
            -webkit-filter: 'drop-shadow(0px 10px 23px rgba(0, 0, 0, 0.12))'
        });
(为了强调这一点,我把盒子的阴影调暗了)

可以在引号中包含目标元素。供应商前缀中的连字符是导致意外令牌错误的原因。看看这是否更有效:

TweenMax.to(".someClass", 1, {
     boxShadow:"0px 10px 23px rgba(0, 0, 0, 0.12)"
});
您也可以只添加css键、花括号和引号以使其正常工作:

TweenMax.to(".someClass", 1, {
     css: {'-webkit-filter': 'drop-shadow(0px 10px 23px rgba(0, 0, 0, 0.12))'}
});
(为了强调这一点,我把盒子的阴影调暗了)

可以在引号中包含目标元素。供应商前缀中的连字符是导致意外令牌错误的原因。看看这是否更有效:

TweenMax.to(".someClass", 1, {
     boxShadow:"0px 10px 23px rgba(0, 0, 0, 0.12)"
});
您也可以只添加css键、花括号和引号以使其正常工作:

TweenMax.to(".someClass", 1, {
     css: {'-webkit-filter': 'drop-shadow(0px 10px 23px rgba(0, 0, 0, 0.12))'}
});

我很确定你不需要。jQuery自动处理供应商前缀。您得到的语法错误是由
-webkit filter
引起的。您可以引用它来消除语法错误。因此,
“-webkit过滤器”:“…”
。我很确定您不需要这样做。jQuery自动处理供应商前缀。您得到的语法错误是由
-webkit filter
引起的。您可以引用它来消除语法错误。因此,
“-webkit过滤器”:“…”