我对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">
感谢您的帮助!
答案 0 :(得分:1)
您可以使用条件注释将样式应用于特定浏览器:
这将针对大于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]-->
答案 1 :(得分:0)
你使用任何reset style sheet吗?如果你不这样做,我强烈建议你实施一个。我担心,这几乎肯定会打击你网页上的其他元素。它基本上为所有浏览器提供了一致的起点。
如果有可能,请尽量避免添加大量浏览器黑客。