2010-10-07 54 views
0

這將是一個模糊和晦澀的問題,這可能是因爲即使使用IE Web Developer,我也不知道發生了什麼。IE 7 /怪癖模式和背景顏色?

我有一個工作,我正在工作。它主要是JavaScript,它有一個小的浮動DIV用戶界面,顯示在一個頁面上。到目前爲止,標準的東西。問題是用戶界面中某些DIV的背景顏色。顏色由CSS分配,並且(疲憊不堪):在Firefox,Chrome和Opera中看起來很好,但IE當然很難。

背景不顯示在IE中的怪癖模式或IE7模式,但它在IE8模式下。對於我的生活,我似乎無法弄清楚爲什麼IE7沒有顯示背景。

您可以在這裏看到違規信息的頁面:Log Hound Demo。浮動DIV位於右上角 - 單擊「V」將其打開。

在IE瀏覽器中查看該頁面,然後在[該星球上的任何其他瀏覽器]上輕鬆地顯示丟失的背景顏色。我發誓,即使Lynx也能讓它變得更好......嗯。有問題的DIV ID是lhPlateHead,lhPlateCtrlPanel,lhPlateTagPanel - 至少易於用Firebug找到。他們應該注意背景顏色爲#DFEAF8的.lhPlateColor類,但不會應用該顏色。

隨着IE的Web開發人員,我試圖刪除CSS類,並重新添加它們。我嘗試了瀏覽器和文檔模式的每種組合 - 再次,只有IE8文檔模式下的IE8瀏覽器模式具有背景色。

如果任何人感到厭倦,看一看,找出一些東西,我會非常感激。

回答

3

嗯 - 我終於明白了,就我而言,這是IE總會吸吮的另一個原因。

問題的情況是:

  1. 你正在創建編程元素:
    myelmt = document.createElement('DIV')
  2. 您正在設置樣式元素編程的:
    myelmt.setAttribute('class', 'myclass');
  3. 然後你加入該元素以編程方式提供給DOM:
    body.appendChild(myelmt);
  4. 您正在使用IE。
  5. IE恨你。

在這種情況下,IE8將會尊重「myclass」css,並在將元素添加到DOM時適當地設置元素的樣式。 IE7和下面的猜測會吹掉CSS風格,讓你覺得在麥當勞的工作可能會減輕很多壓力。

回顧一下的不耐煩:

工程在IE8和其他瀏覽器在地球上

var myelmt= document.createElement('DIV'); 
myelmt.setAttribute('class', 'myclass'); 
body.appendChild(myelmt); 

作品在IE7及以下:

var myelmt= document.createElement('DIV'); 
var attr = document.createAttribute('class'); 
attr.value = 'myclass'; 
myelmt.setAttributeNode(attr); 
body.appendChild(myelmt); 

如果有人可以詳細解釋爲什麼這是IE7的問題,因爲我喜歡minuti AE。否則,請記住,除非有人丟失了對象引用,否則它們都是有趣的遊戲。

+0

如果你只是'myelmt.className ='foo''而不是設置屬性會發生什麼? – 2011-05-27 20:55:59

0

我認爲這個問題與IE如何繪製表格單元格有關。嘗試放入一個IE瀏覽器唯一的CSS規則,將背景色明確應用於TD。像這樣:

.lhWarnMsg .logMsg td 
{ 
* background-color: #fbffbf; 
} 

希望這會對你有用。

+0

沒有快樂。我嘗試了你在幾個現有類定義中提出的帶星號的行,並從IE獲得了nada。我清除了緩存,並試圖在兩臺不同的機器上進行測試。 – ogradyjd 2010-10-07 23:31:07

+0

您是否使用IE開發工具欄驗證該選擇器是否正在應用?我忘了在我的第一篇文章中寫下類名,所以你可能也想檢查一下。 – James 2010-10-07 23:45:44

+0

我嘗試了點 - 並修改選擇「板」divs。似乎沒有任何工作。由於某種原因,額外的CSS類完全被IE忽略 - 至少在版本8之前(呈現爲8)。 IE開發工具欄顯示未加載的第二個類 - 因爲它不存在並且不會被覆蓋。 – ogradyjd 2010-10-13 14:50:42

2

嘗試將zoom:1添加到背景色不起作用的任何元素。

+0

沒有快樂。縮放沒有做任何事情。 – ogradyjd 2010-10-13 14:47:30

+0

可能沒有幫助OP,但它幫助我,7個月後。謝謝! – 2011-05-27 19:36:18