2013-02-23 80 views
0

我正在爲一家小型攝影公司製作一個簡單的網站。一切都很順利,直到我在Firefox中測試。我注意到它完全不起作用。 您會找到網站here爲什麼我的網站使用Safari,但不是FireFox或IE?

我有一個圖像地圖上的文字和圖像。當您點擊圖像地圖中的某個區域時,它會根據您點擊的位置更改左邊框。問題是在Firefox中,它不工作。我有索引頁面內的所有CSS和Javascript。任何人都可以幫助我實現這個普遍的工作嗎?

如果看起來我的代碼是業餘的,那很可能是因爲我沒有太多的專業設置經驗。

+0

一種脫離主題,但你應該認真考慮使用CMS。 Wordpress,Joomla或Drupal都很棒。你可以完全免費地完成它們,大多數主機爲你處理安裝。儘管付費主題通常更好。 – mawburn 2013-02-23 03:08:17

+1

如果你想要在所有瀏覽器中正常工作的代碼,你必須遵循編碼標準。在W3C驗證您的HTML並修復所有錯誤。在這個過程中你也會學到很多東西。請參閱:http://validator.w3.org/check?uri=http%3A%2F%2Fwww.jeffreyaphoto.com%2F&charset=%28detect+automatically%29&doctype=Inline&group=0 – Sparky 2013-02-23 03:14:55

回答

3

您還沒有指定一個DOCTYPE ..這將觸發IE進入使您的網頁Quirks Mode

爲了防止這種情況,包括你的文件的頂部DOCTYPE <!DOCTYPE html>,並確保沒有任何意見或在它之前的空白空間。

+0

就像lmortenson提到的那樣,正斜線起作用對於鏈接,但仍然存在可點擊的圖片地圖在Firefox中不起作用的問題。 – Sweetonion 2013-02-23 03:50:01

+0

怪異的是。現在唯一的問題是IE中映像圖的藍色邊框。除了<!DOCTYPE html>往往會導致圖像轉到表內的點(0,0)。 – Sweetonion 2013-02-23 04:02:44

+0

謝謝你!你和Sparky在那裏救了我。我的網站現在與HTML5兼容。謝謝你們。 – Sweetonion 2013-02-24 19:09:05

2

iframe src中的斜槓不是斜槓,而是反斜槓。將它們切換爲正斜槓,您的iframe將開始顯示。

這裏的人使用相同的問題:http://support.mozilla.org/en-US/questions/737230

我有同樣的問題。我的iFrames在IE和Chrome中工作,但不是Firefox的 。將斜槓從斜槓更改爲正斜槓,現在全部爲 。 FF

<IFRAME src="\myride\TheRider\index.html" width="640" height="640" 
    frameborder="no"></IFRAME> 

這一次的偉大工程這一個沒有工作了!

<IFRAME src="/myride/TheRider/index.html" width="640" height="640" 
    frameborder="no"></IFRAME> 
0

另一個原因是Firefox可能不顯示iframe中的內容是,如果你所在的頁面是HTTPS,但iframe中所引用的頁面僅僅是HTTP的iframe中引用的URL將被阻止。

相關問題