IE浏览器,IE7,IE8和IE之间的IE浏览器CSS差异IE9

时间:2011-04-19 21:03:07

标签: css internet-explorer css3

没有版本的IE显示我的css模板相同。有谁知道差异的原因是什么?

目前该网站在Chrome,Firefox和Safari中运行良好,所以现在进行了IE测试(这是我生命中的祸根,令人惊讶的是它不起作用,但它已被难倒了。)

任何人都可以解释导致问题的原因吗?我注意到的事情:IE9背景缺失,IE7背景空白,页面根本没有IE6,边缘错误IE *

死链接


一些浏览器镜头:http://browsershots.org/http://beta.pegproductions.com/urlshortener/template.html


按照以下建议更新IE7,8& 9仍然无法显示背景,有谁知道为什么?

4 个答案:

答案 0 :(得分:6)

“有谁知道差异的原因是什么?”

原因是MS是一个巨大的公司,拥有庞大的用户群。 MS还拥有紧密交织的企业软件产品,并使IE成为纠结混乱的一部分。因此,发布完全符合W3C标准的浏览器引擎的动机并不存在,并且由于IE不是他们的直接赚钱机构,这只会使问题更加复杂。

“任何人都可以解释造成问题的原因吗?”

不是一个答案。这些错误是巨大的,因版本而异。 IE9非常接近标准。 IE8是可以接受的。 IE7很痛苦,IE6只会让你发誓扔东西。

幸运的是,MS的某个人知道这是一个问题,并设法在IE中实现条件性评论,让您针对特定版本的IE定位特定内容。一个巨大的黑客,当然,但幸运的是我们至少有这个。这是很多人使用的好方法:

http://www.positioniseverything.net/articles/cc-plus.html

答案 1 :(得分:2)

你不应该真正使用跨度来进行布局。

使用div 或至少在您的跨度上设置display: block;

这应该有希望解决你的一些问题,其余的好运。

答案 2 :(得分:2)

自Marko回答以来,您可能已经更新了代码,因为我没有看到任何跨度。也就是说,你仍然需要大量代码来完成一个非常基本的布局(带圆角和渐变的框)。

您可能希望通过使用单个<div>为您的内容简化您正在做的事情,然后使用CSS圆角覆盖大多数浏览器,然后,如果您真的想在IE中使外观相同,使用各种方法之一为IE(here's a good choice)圆角。

如果您希望浏览器之间的差异较小,这也应该允许您使用渐变背景。这是quick example,没有任何背景图片。

答案 3 :(得分:0)

尽量不要重新发明轮子,许多人已经经历了所有的痛苦已经让某些设计,框架和小部件跨浏览器工作。在经过试验和测试的东西上使用或建立您的设计,当然要遵守许可。你的设计真的那么独特/好,值得从头开始制作麻烦吗?