css - Mootools .setStyle 不会更改 IE9 中的背景颜色

Question

我有一个 MooTools 脚本，它处理带按钮的面板(切换面板内容)。

这是脚本 - 每个按钮都设置相应的面板可见 + 更改其自身的背景:

buttons.addEvent('mouseenter', function(button){
        var panel = 'panel-' + this.get("id");
        $$('.panel').setStyle('display','none');
        $(panel).setStyle('display','block');
        buttons.setStyle('background',null);
        this.setStyle('background','#183c7c');
    });

对于 IE(在 8 和 9 中试过)，脚本的最后一行不起作用 - 按钮本身的背景没有改变。对于 Firefox 和 Chrome，它工作正常。

Answer 1

它在 IE9 下为我工作:http://jsfiddle.net/EWUeP/

html:

<div id="divy"></div> 

CSS:

div{
    width:300px;
    height: 300px;
    background-color: #eee000;
}

js:

var d = document.id('divy');
d.setStyle('background','#183c7c');

但是，如果您只想更改背景颜色 - 调用正确的 css:d.setStyle('background-color','red'); 背景规则是所有背景的全局规则css 类型 [颜色 url 位置重复等..]