为什么 Internet Explorer 无法顺利呈现此页面?

发布于 08-13 20:44 字数 593 浏览 4 评论 0原文

在 IE 8 中查看此页面: http://labs.pieterdedecker.be/hetoog/layout.htm

看起来还不错首先,尝试将鼠标悬停在某个项目上,然后再次将鼠标从项目网格上移开。

之前

之前

之后

之后

请注意黄色项目右侧有一个黑色边框。另外,字体看起来也不一样。

我该如何解决这个问题?

Have a look at this page in IE 8:
http://labs.pieterdedecker.be/hetoog/layout.htm

It looks okay at first, but try hovering over an item and then taking your mouse off the item grid again.

Before

Before

After

After

Notice how there's a black border on the right of the yellow item. Also, the font looks different.

How can I fix this?

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

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

发布评论

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

评论(2

作死小能手2024-08-20 20:44:02

我会把我所有的钱都押在这归因于你基于表格的布局......尝试使用 DIV 代替。

这是用 div 替换所有表格/单元格的粗略示例:

http://jsbin.com/akido/

在 IE8 中测试它,你会发现不再有更改问题...

I would put all my money on that it's due to your table based layout... try using DIVs instead.

here's a rough example of replacing all your tables/cells with divs:

http://jsbin.com/akido/

test it in IE8 and you'll see you no longer have the altering issue...

森罗2024-08-20 20:44:02

您应该尝试删除 CSS 中分配给 table.grid 的 table-layout:fixed 属性,我在某处读到可能会导致 IE8 中的错误。 (应该是不必要的,因为看起来您已经为每个 td 分配了宽度。)

顺便说一句,您确实应该考虑在将来更多地将事物划分为多个类。您可以编写像 td.note{} 这样的 CSS,而不是尝试这样编写 CSS,而不是 td.brownnote、td.greennote、...{}

You should try removing the table-layout:fixed property assigned to table.grid in your CSS, I read somewhere that can cause bugs in IE8. (Should be unnecessary since it looks like you've assigned widths to each td.)

As an aside, you should really consider using more dividing things up into more than one class in the future. Instead of try so you can write CSS like td.note{} instead of td.brownnote, td.greennote, ...{}

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