css – IE7兼容性问题

我(显然)是网络开发的新手,我现在才意识到我的网站在某些IE版本中已经搞砸了,但我该如何修复它们呢?我如何知道CSS中的更改以及多个图层和div未正确显示的位置?

示例:http://www.jwstudio.us/bkpa

IE CSS修复/兼容性是否有资源? Safari / Apple和Windows浏览器之间的定位和颜色差异如何?

几点提示:

阅读http://quirksmode.org/ – 在那里加载有用的信息.

不要担心看起来完全一样的东西,IE 6,7和8已经过时了,并且它们呈现页面的方式存在非常真实的错误.你的代码可能是正确的,在IE中看起来仍然是错的.

而不是写< body>,写:

<!--[if lt IE 7 ]> <body class="ie6"> <![endif]--> 
<!--[if IE 7 ]>    <body class="ie7"> <![endif]--> 
<!--[if IE 8 ]>    <body class="ie8"> <![endif]--> 
<!--[if IE 9 ]>    <body class="ie9"> <![endif]--> 
<!--[if gt IE 9]>  <body> <![endif]-->
<!--[if !IE]><!--> <body> <!--<![endif]-->

然后,在您的CSS中,您可以编写如下内容:

.someclass {
    loads of normal CSS
}

.ie6 .someclass {
    position:relative;
    top:-20px;
}

如果你想移动20px的东西,但仅限于IE6.这有助于您以最小的麻烦瞄准旧浏览器,而不必担心您在其他地方搞砸了!

使用像ie9.js这样的脚本来升级旧的IE以使用后来的IE中的许多功能,以及修复一些愚蠢的错误. CSSPie是另一个有用的工具,可以在这些古老的浏览器中使用border-radius,box-shadow和渐变!

颜色差异可能是因为您的图像包含颜色配置文件,使用类似imageoptim(OSX)的东西在放入在线之前去掉诸如此类之类的无关信息,或者从Photoshop保存它们用于Web.

希望这很有用!

相关文章
相关标签/搜索