簡體   English   中英

在IE 9和Firefox中呈現,完全不同

[英]Render in IE 9 and Firefox, Totally Different

http://beta.yigitaydogan.com/

我正在設計一個網頁,其中包含許多jquery動畫,並且在開發過程中從未使用IE對其進行過測試。

現在,我想用IE 9進行測試,只是觀察到它以完全不同的方式呈現它。

有沒有簡單的方法可以使其同時解決? 所有站點都是客戶端,它在上面的鏈接中。

謝謝,

獲取一些用於IE的開發人員工具,並查看#oe_overlay div是否最終落在背景后面。 position: fixed應該使它位於規則流元素的前面,但是眾所周知,IE會在這些方面出現問題。 也許向oe_overlay div添加一個正的z-index可以解決它。 (我現在不在Windows上,所以我在這里猜測)。

另請注意,您以怪癖模式運行-刪除輸出頂部的注釋並檢查您的文檔類型。 不處於怪癖模式時,IE可能會正常運行。

@tdammers的答案的第二部分有它。

刪除源代碼頂部恰好是PHP代碼的大量注釋。

最好的方法是改為使用PHP注釋:

<?php
/*
    //your PHP code here
*/
?>

要清楚,HTML輸出的第一行必須是:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

完成此操作后,您的XHTML文檔類型將生效,並且您將從Quirks模式轉為Standards模式,並且您的網站在Internet Explorer中修復


另外,您說:

在開發過程中,我從未使用IE對其進行過測試。

這是一個很大的錯誤。 您應該在開發期間要定期支持的最低Internet Explorer版本中測試您的站點。

我知道IE8有​​時會呈現不同的顯示(例如Intranet站點),因為存在IE7 / IE8 / IE8兼容模式。 這全部基於html中的doc類型。

如果打開“ Web開發人員”(F12),則應該能夠看到IE正在運行的“模式”。

我知道,默認情況下,如果IE8確定您要訪問的站點是Intranet站點,則它將以兼容模式呈現。 我懷疑這是因為Sharepoint仍以這種方式渲染,或類似的東西。

無論如何,試一試。

您的問題隱含着一個更大問題的隱患-您尚未對網站進行任何跨瀏覽器測試。 許多瀏覽器的呈現方式略有不同,在IE的情況下,每種版本的呈現方式都非常不同。

正如其他人所說,您的問題范圍很廣。 但是,我認為對您最有用的是讓您普遍了解Mozilla瀏覽器,Webkit瀏覽器(Chrome,Safari),IE 9,IE 8,IE 7的行為均會有所不同。

在所有這些瀏覽器上測試您的網站的一種方法可能是使用瀏覽器測試服務,例如Br​​owsershots.org。

暫無
暫無

聲明:本站的技術帖子網頁,遵循CC BY-SA 4.0協議,如果您需要轉載,請注明本站網址或者原文地址。任何問題請咨詢:yoyou2525@163.com.

 
粵ICP備18138465號  © 2020-2024 STACKOOM.COM