.css()的无效参数

时间:2010-10-28 18:33:22

标签: javascript jquery css browser

我在jquery

中使用此代码
$(".tab").css({'background-color': '#f3f6ed', 'border': '4px solid rgba(0,0,0,0.1)', 'border-bottom': 'none'});

当我点击标签时,它会改变标签的样式。它适用于浏览器期望浏览器(愚蠢的微软..)我得到“无效的论点”

我不知道如何解决这个问题。

4 个答案:

答案 0 :(得分:3)

我现在无法测试,但我的怀疑是

中的rgba部分
rgba(0,0,0,0.1)

IE doesn't support rgba colour values直到第9版。

我不确定是否有针对此的jQuery解决方法。 jQuery.support()似乎无法嗅探rgba支持。

在最坏的情况下,您必须测试支持该属性的浏览器。

更新modernizr库可以测试rgba支持。

答案 1 :(得分:2)

我不是100%肯定,因为IE中不支持rgba;它抛出错误的原因。

答案 2 :(得分:1)

我不确定你会遇到什么样的错误,但如果是javascript错误,我只需将属性放在一个类中,然后使用jquery的.addClass()代替。

无论如何,我可能会这样做......

答案 3 :(得分:0)

每当遇到像background-color这样的带连字符的属性时,你必须切换到驼峰式版本,即backgroundColor编辑:正如Pekka所指出的,这完全是胡说八道。