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');

但是如果你只想改变bg颜色 - 请调用正确的css：d.setStyle('background-color','red');背景规则是所有背景css类型的全局规则[color url position repeat etc ..]

Mootools .setStyle不会改变IE9中的背景颜色

1 个答案: