IE Explorer CSS IE6、IE7、IE8 和 IE9 之间的差异



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

目前该网站在Chrome, Firefox和Safari上运行良好,所以现在来了IE测试(我生活中的祸根,惊讶的是它不工作,但它已经被难住了)。

谁能解释一下造成这些问题的原因?我注意到的事情:IE9缺少背景,IE7背景周围的空白,页面根本没有IE6,页边距错误的IE*

死链接


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


更新,在遵循建议IE7, 8 &我仍然无法显示背景,有人知道为什么吗?

"有谁知道这些差异的原因是什么吗?"

原因是微软是一个庞大的公司,拥有庞大的用户基础。微软的企业软件产品也紧密地交织在一起,并使IE成为这一混乱局面的一部分。因此,发布完全符合W3C标准的浏览器引擎的动机并不存在,而且IE对他们来说也不是直接的赚钱工具,这只会使问题复杂化。

"谁能解释一下是什么导致了这些问题?"

不在一个答案中。bug是巨大的,并且因版本而异。IE9非常接近标准。IE8可以接受。IE7是一个痛苦,IE6只会让你咒骂和扔东西。

幸运的是,微软有人知道这是一个问题,并设法在IE中实现了条件注释,使您可以针对特定版本的IE针对特定内容。一个巨大的黑客,当然,但谢天谢地,我们至少有。这是一个很多人使用的好方法:

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

你不应该在你的布局中使用span。

使用div 或者至少在span上设置display: block;

希望能解决你的一些问题,祝你好运。

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

你可能想通过使用一个<div>来简化你所做的事情,然后使用CSS圆角来覆盖大多数浏览器,然后,如果你真的想让IE看起来一样,使用各种方法中的一种来为IE圆角(这是一个不错的选择)。

这也应该允许你使用渐变背景,如果你想减少浏览器之间的差异。下面是一个没有任何背景图片的简单示例。

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

最新更新