Mootools .setStyle不會改變IE9中的背景色

我有一個MooTools腳本，它用按鈕處理面板（切換面板內容）。Mootools .setStyle不會改變IE9中的背景色

這裏是腳本 - 對應每個按鈕組面板可見+改變其自身的背景：

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，它工作正常。

來源

2013-03-29 Swip

據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類型的全局規則[顏色url位置重複等..]

來源

2013-03-29 11:00:07 Adidi

忘記提及 - 我也嘗試過背景色，但它導致然後在Chrome中遇到麻煩。難道，其他一些CSS（不是由腳本添加的）會影響風格嗎？你能看看joomla.zdenekvanek.cz嗎？您可以在主頁上直接看到面板。它在FF和CHrome中工作，而不是在IE8和9中。 – Swip

是的 - 我看到會發生什麼 - 在IE中，您在那些CSS中覆蓋背景顏色的過濾規則。當你徘徊時，你需要使用這個過濾器打開關閉 – Adidi

你是絕對正確的！正常工作...感謝您的幫助！ – Swip

Mootools .setStyle不會改變IE9中的背景色

回答

相關問題