刚刚注意到我的网站在 IE 中呈现时看起来多么完全 Björked。有想法吗?

发布于 2024-09-24 13:52:39 字数 238 浏览 6 评论 0原文

我使用 Chrome 和 Firefox。我喜欢 Chrome 和 Firefox。我只是想检查一下我的网站在 IE8 中的显示效果,结果非常糟糕。我无法导航,它无法正确渲染旋转,整个事情都搞砸了。

有人有什么想法吗?我目前唯一的想法是进行彻底的重新设计以适应 IE。

我的悲伤的 IE 损坏的网站

I use chrome and Firefox. I love chrome and Firefox. I just thought to check how my website looks in IE8 and the results are really horrific. I can't navigate, it doesn't render rotations properly and the whole thing is messed up.

Does anyone have any ideas? My only thought at the moment is to do a complete redesign that will accommodate for IE.

My sad, IE-broken website

如果你对这篇内容有疑问,欢迎到本站社区发帖提问 参与讨论,获取更多帮助,或者扫码二维码加入 Web 技术交流群。

扫码二维码加入Web技术交流群

发布评论

需要 登录 才能够评论, 你可以免费 注册 一个本站的账号。

评论(2

偷得浮生 2024-10-01 13:52:39

不,不要进行重定向——一切都不会丢失。您仍然可以尝试挽救局势。

该网站的主要问题是您使用了 CSS3 2D 转换,并非所有版本的 IE 都支持它(IE9 应该支持它,但您的网站可能没有使用正确的语法)。

您可以采取多种措施来解决此问题。我将带您完成我通常采取的步骤:

  1. 由于 2D 转换是规范中相对较新的部分,因此目前坚持使用旧的方法是明智的。最明显的方法是使用倾斜的图像而不是通过 CSS 倾斜的锚点。

  2. 如果由于某种原因上述解决方案不理想(工作量太大;图像交互区域太大等),您始终可以针对不支持的浏览器采用后备方案(以传统水平方式显示导航和徽标)支持二维变换。您可以使用 Modernizr 等脚本轻松发现浏览器功能。 指定 IE 特定样式表之前执行此操作,因为可能有其他浏览器不支持转换。

  3. 部署特定于 IE 的解决方案,通常带有条件注释。 在这种情况下,您可以使用 IE 的 过滤器矩阵转换来填补空白,或者为 IE9 及更低版本部署上述后备脚本。

No, don't do redirection - all is not lost. You can still try to salvage the situation.

The main problem with the site is your use of CSS3 2D Transformations, which isn't supported in all versions of IE (IE9 should support it, but your site may not be using the correct syntax).

There are several things you can do to fix this. I'll take you through the steps I usually take:

  1. Since 2D transformation is a relatively new part of the specifications, it would be wise to stick to older methods of doing things for now. The most obvious method is to use images that are slanted instead of anchors that are slanted with CSS.

  2. If the above solution isn't desirable for some reason (too much work; interactive area too large with images etc.) you can always adopt fallbacks (displaying the navigation and logo in the traditional horizontal manner) for browsers that do not support 2D transformations. You can easily discover browser capabilities with a script like Modernizr. Do this before specifying a IE specific stylesheet, because there may be other browsers that do not support transformation.

  3. Deploy an IE specific solution, usually with conditional comments. In this case you can use IE's filter matrix transformation to plug the gap, or deploy the aforementioned fallback script for IE9 and below.

贱人配狗天长地久 2024-10-01 13:52:39

到目前为止,我唯一的想法是设置浏览器自动检测并重定向到 ie 友好的网站。我发现了这个:http://mobility。 mobi/showthread.php?22-自动检测 PC-移动设备然后重定向

So far my only idea is to set up a browser auto-detect and redirect to a ie-friendly site. I found this: http://mobility.mobi/showthread.php?22-Auto-detecting-PC-Mobile-and-then-Redirecting

~没有更多了~
我们使用 Cookies 和其他技术来定制您的体验包括您的登录状态等。通过阅读我们的 隐私政策 了解更多相关信息。 单击 接受 或继续使用网站,即表示您同意使用 Cookies 和您的相关数据。
原文