在IE8和IE 10中的不同位置

我對HTML元素的位置有問題。我正在開發一個Web表單。在IE8和IE 10中的不同位置

直到今天，我在我的電腦上使用IE8（公司的問題...），但今天我得到了一臺新電腦的IE 10

我的問題是，我可以完全看到面前這個形式，但現在所有元素都被移動。舉例來說，如果我爲IE 10修正了20px，我無法在IE 8中正確地看到它。

我的問題是如果瀏覽器以不同的方式解釋position：relative tags？如果是這樣，我怎麼解決它？這種形式的用戶將使用IE8和10太...

我已經添加到我的HTML代碼標籤<meta http-equiv="X-UA-Compatible" content="IE=9; IE=8; IE=7">

感謝您的幫助！

來源

2014-09-03 Mastor

可以使用條件註釋應用樣式的特定的瀏覽器：

GT =大於
LT =小於
LTE =小於或等於
GTE比=更大或等於

這將針對大於IE 8的任何東西：

<!--[if gt IE 8]> 
    <link rel="stylesheet" type="text/css" href="gtie8.css" /> 
<![endif]-->

這將瞄準任何低於IE 9：

<!--[if lt IE 9]> 
    <link rel="stylesheet" type="text/css" href="ltie9.css" /> 
<![endif]-->

這將瞄準任何不是Internet Explorer中：

<!--[if !IE]><!--> 
    <link rel="stylesheet" type="text/css" href="not-ie.css" /> 
<!--<![endif]-->

來源： http://www.quirksmode.org/css/condcom.html

來源

2014-09-03 12:36:24 iswinky

但是這個解決方案，我必須總是使用2臺電腦開發我的網頁，一臺使用IE8，另一臺使用IE10，不是嗎？ – Mastor 2014-09-03 12:45:41

不一定，但由於不同的瀏覽器解析和讀取CSS的方式不同，您將不得不破解/創建不同的樣式表才能獲得相同的最終結果。你的CSS的90％可能適用於一個瀏覽器，然後爲另一個瀏覽器提供一個不同的10％的CSS並重寫使用！important？只是一個例子 – iswinky 2014-09-03 12:48:52

謝謝你的幫助，我將以這種方式實施:) – Mastor 2014-09-03 12:51:54

您是否使用任何reset style sheet？如果你不強烈建議你實施一個。恐怕，這幾乎肯定會在你的頁面上敲出其他元素。它基本上爲您提供了一個始終如一的起點全部瀏覽器。

在哪裏可以嘗試避免添加一大堆瀏覽器黑客。

來源

2014-09-03 12:31:25 Alex

在IE8和IE 10中的不同位置

回答

相關問題