Css IE7和IE8的浏览器兼容性_Css

Css IE7和IE8的浏览器兼容性

css

Css IE7和IE8的浏览器兼容性,css,Css,我正在做一个项目，在这个项目中我特别使用CSS和主题。我面临IE7和IE8之间的兼容性问题。我在页面上放置了一个ASP.Net菜单。在div上应用CSS样式，如下所示 .TopMenuPanel { background-color:#3783a9; position:relative; left:597px; top:0px; width:573px; height:24px; text-align:left center; } 当我在IE7上看到页面时，菜单显示在一个位置，而在IE8中它显

我正在做一个项目，在这个项目中我特别使用CSS和主题。我面临IE7和IE8之间的兼容性问题。我在

页面上放置了一个ASP.Net菜单。在

div

上应用CSS样式，如下所示

.TopMenuPanel
{
background-color:#3783a9;
position:relative;
left:597px;
top:0px;
width:573px;
height:24px;
text-align:left center;
}

当我在IE7上看到页面时，菜单显示在一个位置，而在IE8中它显示在另一个位置。在IE7中，在左边的位置：597px Top:0px，它显示在半页之前，在IE8中，它显示在半页之后

任何其他人都有类似问题的经验，那么请给我这个问题的专家解决方案。

如果您知道您的代码在IE7中工作，您可以通过在其中包含以下标记来强制IE8浏览器使用IE7标准

<meta http-equiv="X-UA-Compatible" content="IE=7">

IE8的行为与IE7完全相同，请确保文档顶部有标准DOCTYPE。IE7将在没有DOCTYPE的quirks模式下运行，但默认情况下IE8将在标准模式下运行

试试这个：

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

请记住，这必须是文件中标记前的第一行。

位置：仅相对并不意味着什么。位置：相对应应用于div的父级。

你应该把位置放在：绝对而不是相对。

谢谢，它可以工作，但在fireFox和safari上也可以。我已经检查过fireFox，但它给我带来的问题与我在IE7和IE8之间面临的兼容性问题相同。你必须将fireFox和IE视为单独的实体。我想你很可能会以两种不同的造型规则结束。。一个是给我的。。。在IE7中定位怪癖模式几乎保证了你在其他浏览器中会遇到麻烦和大量重复的逻辑。如果您以标准模式为目标，将减少大量重复工作。我现在知道获取最新渲染引擎的方法是：

谢谢David先生。但这句话已经写在第页了。