jQuery中使用.css()设置含透明度的textShadow无效的解决方法

嘿，我明白你碰到的麻烦了——用jQuery给div文本加带透明度的阴影时没生效对吧？先看看你写的代码里的两个小错误，正是它们导致了问题：

• 第一个参数里多了个多余的单引号：你写的是"'textShadow"，正确的应该是"textShadow"，这个额外的引号会让jQuery无法识别正确的CSS属性名。
• 第二个参数末尾的分号是不需要的：jQuery的.css()方法接收的属性值不需要带CSS里的分号，去掉它就好。

修正后的正确代码可以写成这两种形式：

// 方式1：使用驼峰式属性名
$("div").css("textShadow", "0px 2px 1px rgba(0, 20, 0, 0.7)");

// 方式2：使用带连字符的标准CSS属性名（需要用引号包裹）
$("div").css("text-shadow", "0px 2px 1px rgba(0, 20, 0, 0.7)");

其实不管阴影有没有透明度，只要属性名和值的格式正确，这两种写法都能正常生效。你之前的问题完全是参数格式的小失误，和rgba的透明度无关~

内容的提问来源于stack exchange，提问作者joe