html - 在 IE8 和 IE 10 中的不同位置

Question

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

直到今天，我在我的电脑上使用 IE8(公司问题......)但今天我得到了一台装有 IE 10 的新电脑。

我的问题是我以前可以完美地看到这个表单，但现在所有元素都被移动了。例如，它们向顶部或多或少移动了 20 像素，如果我针对 IE 10 修复它，我就无法在 IE 8 中正确看到它。

我的问题是浏览器是否以不同的方式解释 position:relative 标签？如果是那样的话，我该如何解决呢？此表单的用户也将使用 IE8 和 10...

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

感谢您的帮助!

Answer 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