IE8和IE 10中的位置不同

时间:2014-09-03 12:26:41

标签: html css internet-explorer-8 internet-explorer-10

我对HTML元素的位置有疑问。我正在开发一个Web表单。

直到今天,我在我的电脑中使用IE8(公司问题......)但今天我用IE 10购买了一台新电脑。

我的问题是我之前可以完美地看到这种形式,但现在所有元素都被移动了。例如,向上移动20px或更少,如果我为IE 10修复它,我无法在IE 8中正确地看到它。

我的问题是浏览器是否以不同的方式解释位置:相对标签?如果是这样,我怎么能解决它?此表单的用户也将使用IE8和10 ......

我已经在我的HTML代码中添加了标记<meta http-equiv="X-UA-Compatible" content="IE=9; IE=8; IE=7">

感谢您的帮助!

2 个答案:

答案 0 :(得分:1)

您可以使用条件注释将样式应用于特定浏览器:

  • 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

答案 1 :(得分:0)

你使用任何reset style sheet吗?如果你不这样做,我强烈建议你实施一个。我担心,这几乎肯定会打击你网页上的其他元素。它基本上为所有浏览器提供了一致的起点。

如果有可能,请尽量避免添加大量浏览器黑客。