CSS兼容性IE7 - IE8问题

时间:2011-04-01 14:16:02

标签: css internet-explorer-7 ie8-compatibility-mode cross-browser

问题:

感谢您花时间阅读本文。我遇到了一个我需要尽可能简单解决的问题。有一个网站我正在重新开发,但自从我更新到IE8后,我完全忘记了IE7,但当然,仍然有人使用它。

我需要知道我应该为这个网站更改哪些具体内容,以便像在IE8中一样显示。但我不知道从哪里开始。是否有人有这方面的经验,谁可以给我一个指导方针?这样做有脚本吗?

网址:http://www.testsite.c-tz.nl/

如果您使用IE8查看它,它看起来很完美。

但是如果你用IE7来看它,事情就不是他们想要的,非常难看。

2 个答案:

答案 0 :(得分:0)

正如对方所说,你的问题是广泛的。你需要在较小的问题中分解它 - 这可能会帮助你自己解决它。

我注意到的一件事:IE在display: inline-block元素上存在问题,这些元素是block个元素。使用span(仅当它不包含块元素时才可用),或者使用另一种方法并排放置块,例如float。

顺便说一句,你的HTML中有太多div个。没有必要将每个img,每个ul等包装在它自己的div中。通常,您应用于div的任何样式都可以直接应用于“包裹”元素。

答案 1 :(得分:0)

这不是一个很酷的主意......但你可以尝试使用像is6或ie5这样的旧浏览器生病...

1.使用javascript检测浏览器和版本..

2.later使用类似的方式重定向访问者以下载IE 8 ..

<script>
 if(''+browserName+''+fullVersion+'' == "Microsoft Internet Explorer6.0" )
{

alert("You're using an Old Browser.Update the browser to view the website.(or) Try Latest Google Chrome , Firefox , Safari, Opera")
window.location = "http://www.microsoft.com/download/en/details.aspx?id=43" 
}
//document.write(''+browserName+''+fullVersion+''); 
</script>