IE8标准和怪癖渲染问题 [英] IE8 standard and quirk rendering issues

问题描述

我的一个网页在IE8标准中有问题渲染。它在IE9标准，IE 5怪癖模式下呈现正常。



问题是我在JS中创建大约8个span元素，它在IE9标准中正确呈现，但在IE8标准中它们不可见但我在Developers工具中验证了它们是的，当我鼠标悬停在特定的位置，其中span元素被认为是在那里它确实可见。



我正在努力更新我们的网站以支持IE8， 9,10标准。



我明白，因为这个网站很老，用于支持IE7和兼容性模式的IE8,9,10我正在寻找改变CSS还有很多其他东西。

我基本上需要有关如何调试的指针，以便我确切知道我必须更新/修改哪些CSS属性（或任何其他UI相关），以便相同的wepage正确显示IE 8标准。



谢谢

one of my webpage has issue rendering in IE8 standard.It is rendering fine in IE9 standard, IE 5 quirks mode.

Issue is I am creating around 8 span elements in JS which is rendering properly in IE9 standard but in IE8 standard they are not visible but i verified in Developers tool that they are there and when i mouse over that particular location where span elements are suppose to be there it does gets visible.

I am working on updating our website to support IE8,9,10 standard.

I understand that since this website is old and use to support IE7 and compatibiltiy mode for IE8,9,10 and i am looking for changing CSS and so many other things.
I basically need pointers on how to debug so that i know exactly what CSS property(or any other UI related) i have to update/modify so that same wepage displays properly in IE 8 standard.

Thanks

推荐答案

首先，这是一件好事。 Quirk模式和其他跛脚必须死亡。但是你应该支持所有主流浏览器，而不仅仅是IE。正如我刚才所说，删除所有不兼容性并按照W3标准执行所有操作，但您的设计应仅依赖于所有主流浏览器上确实实现的功能。



现在，问题是：现在你无法涵盖浏览器之间的所有可能的不兼容性并补偿它们。你无法赢得比赛。那么该怎么办？我的答案是：专注于设计的主要目标，并使渲染对小的渲染细节不太敏感。怎么做？首先，通过精确设定您的目标和网站要求。



我试图在过去的答案中表达基本想法：

在不同浏览器中运行时，网页布局会发生变化。 [ ^ ]。



祝你好运，

-SA

First of all, this is a good thing. "Quirk mode" and other lame must die. But you should support all major browsers, not just IE. As I just said, remove all incompatibilities and do everything according to W3 standards, but you design should only depend on the features surely implemented on all major browsers.

Now, the thing is: these days you cannot cover all possible incompatibilities between browsers and compensate for them. You just cannot win the race. So, what to do? My answer is: focus on main goals of your design and make the rendering not too sensitive to small rendering detail. How to do it? First of all, by fine setting of your goals and requirements to the site.

I tried to express basic ideas in my past answer:
webpages layout change when running in different browsers.[^].

Good luck,

—SA

这篇关于IE8标准和怪癖渲染问题的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！