在windows xp下交叉浏览ie8

时间:2014-04-18 23:45:11

标签: html css internet-explorer-8 cross-browser windows-xp

所以我的梦魇成真了。我需要让这个网站在开发中看起来不仅适用于IE8,而且适用于基于Win XP的IE,显然这家公司仍然得到XP的支持,并且他们的所有内部网都在XP下工作。

在对虚拟机进行第一次检查后,网站看起来很糟糕,即使布局完全被破坏所以我决定使用html5shiv js(修复基本布局)除了重置所有边距和填充之类的内容和{{1} }。

但是一切看起来仍然很混乱,特别是像html上的图像重新调整视网膜显示的事情(我知道,LOL)以及我用显示块浮动的东西。我已经阅读了大量关于IE8显示块情况的东西,但是我无法找到一种方法使其工作而不用更改所有我的浮动显示块或创建另一个巨大的特定ie(在win xp..ugg下)样式表。

你们是否有一般性的建议,以使我的网站(平面设计没有任何过渡或任何幻想)至少在xp下ie8看起来不错?任何帮助将非常感谢

1 个答案:

答案 0 :(得分:1)

我拥有(并且使用)Windows XP机器以及更现代的东西,我实际上仍然在XP机器上使用IE6,所以作为网页设计师,我对编写像IE这样古怪的东西太熟悉了。 / p>

IE最大和持续的怪癖之一是,处理CSS'指令非常不可原谅。省略一个声明 - 例如高度和宽度 - 你会得到垃圾,因为引擎会决定它会尝试解释它。

这些怪癖很难体验,但事实是,这些怪癖可以帮助你成为一个更严格的CSS编码器。

那说,有些想法可以帮助避免这些特殊问题:

1)声明对象的所有尺寸。这包括高度,宽度,边距和填充。

IE不喜欢' auto'大小除非非常明显。

非常明显的一个例子'将两个块并排浮动,两个块的百分比尺寸明确声明,当加在一起时,等于99%(为了示例),留下1%明确可用作边距空间,可以计算通过IE正确。

2)当并排使用浮动并且如果浮动不希望彼此相邻地浮动时,请尝试将其添加到浮动块元素:display: inline;

普通兼容的浏览器不会关心它,一些设计师会抱怨它是一个“黑客”。 (是的),但它很简单,很好,并且可以在不诉诸查询的情况下完成工作。

3)确保装有浮子的容器有溢出。

关于'漂亮' vs'旧的IE和使用XP'的人:

1)如果使用CSS3并且正确渲染它对您来说非常重要,那么我建议a)仅使用CSS3进行不重要的事情,或者b)专门为非CSS3浏览器创建样式表。 /强>

a)这样,如果不重要的事情不能正确加载(并且不会导致级联问题),那就大不了了。

b)这样一来,你可以随心所欲地使用CSS3,而不用担心它会如何看待非CSS3浏览器,因为你会有一个单独的样式表。

关于浏览器和操作系统之间图像可伸缩性的思考:

1)此网页HERE对流体图像和可扩展性进行了很好的讨论,它还提供了一种解决IE和Windows中图像缩放的方法。

你可能已经看过了,但如果你还没有看到它,那就是它。