我对 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">
感谢您的帮助!
最佳答案
您可以使用条件注释将样式应用于特定浏览器:
- 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]-->
关于html - 在 IE8 和 IE 10 中的不同位置,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/25644314/