2012-07-29 75 views
0

我正在使用ImageMapster在圖像映射區域周圍生成填充和輪廓,它給我帶來的問題是IE不顯示鉻,Safari,Firefox完全沒有問題的東西。ImageMapster只在Internet Explorer中不渲染某些區域

http://sa-neighborhoodsustainability.org/map1a.php

打開IE中的以上的鏈接時

,有保持白色2個區域。 這些是重疊較大區域的區域,並且通過重複該區域和nohref標記以及與大區域共享相同的名稱而被排除在外。

有沒有人有想法?

謝謝

回答

1

看起來這裏有一些事情在這裏玩。首先 - 當我在IE9中打開該鏈接時,呈現「怪癖」模式。您的HTML沒有DOCTYPEHTMLBODY標籤。 HTML5在技術上允許你省略HTMLHEADBODY,雖然它仍然讓我這樣的人很難看出來。但是,它不允許您省略DOCTYPE標記。看來,IE9默認爲怪癖模式時,有沒有DOCTYPE所以你應該通過添加啓動:

<!doctype html> 

這應該解決的問題,IE9。

這個問題仍然會出現在IE6-8中。但是,這是由於這些瀏覽器在區域內使用區域時的侷限性。

有一個選項叫做fillColorMask,它允許你指定填充顏色用於IE6-8的內部區域,因爲遮罩並不真正起作用。我很抱歉,因爲我剛纔意識到這並沒有真正的記錄。在你的情況,你應該設置

fillColorMask: '8CAD5A' 

左邊的區域,並

fillColorMask: '99BA67' 

的右側區域(這些顏色,他們都充滿了已經是色彩搭配,所以應該會沒事似乎發生在他們身上)。

+0

謝謝你的答案!..它工作的很棒。唯一的問題是,我用php生成這些參數,現在大區域的遮罩顏色與它們中的較小區域不匹配,使得IE地圖比FF中顯示的「精確」要少。你能想出一個簡單的方法來解決它嗎? 這不是一個巨大的交易,因爲實際的顏色確實出現在懸停上。把它當作IE的另一個勝利,超過我的理智。 – user1550272 2012-07-30 14:01:54

+0

在IE6-8中,當使用填充時它永遠不會很正確,因爲它使用不同的技術來渲染熱點。它應該看起來正確的IE9雖然。如果您在IE9中按F12,請驗證「文檔模式」是否顯示「IE9標準」。 – 2012-07-30 15:29:59

相關問題