IE/Firefox CSS 混淆：为什么我的表格在 Firefox 上有内边框，但在 IE 上没有？
我遇到了 CSS 在 IE 和 Firefox 之间无法正确显示的问题...最大的问题是我们有大量的 CSS 文件（这不是当前修复的范围），但我可以'似乎找不到正在应用的风格。
无论如何，这就是我正在查看的内容：在我们网站的购物车页面上，我们有一个表（是的，我知道），其中每一行都是购物车中的一个项目。在 IE、Chrome、Opera 和 Safari 上，该表格呈现良好 - 一切看起来都很好，边框全部隐藏，看起来很棒。然而，在 Firefox 上，虽然表格的外边框保持隐藏，但会显示分隔表格内部的列/行的线。
我没有直接链接来显示问题，但如果您转到
https://store .petango.com/Roc-P6986.aspx
并单击“添加到购物车”按钮，它会将您带到购物车页面（您可以在其中看到在 FFox 中显示的行，但在 IE 中看不到）。
就其价值而言，这是我们购买的第三方电子商务包，最重要的是，我们将我们的网页设计租给了不同的第三方网页开发人员。因此出现了大量的 CSS 文件/混乱。尝试查看特定 TD 元素（在 Firebug 中）的 CSS 基本上不可能阅读它这么长，但我也看不到任何明显的东西。
如果这只是我错过的一些愚蠢的东西，我会感到非常兴奋，而且我们的 CSS 中存在一个众所周知的错误，它可以在除 Firefox 之外的每个浏览器中正常渲染 - 任何帮助都会非常感谢。
I'm having a problem with CSS not displaying correctly between IE and Firefox... The big problem is that we have a ridiculous number of CSS files (and this isn't something that is currently scoped to fix), and I can't seem to find what style is being applied.
Any way, here's what I'm looking at: On the shopping cart page for our site, we have a table (yes, I know) where each row is an item in the cart. On IE, Chrome, Opera and Safari, this table renders fine - everything looks good, borders are all hidden, it looks great. On Firefox, however, while the outer border on the table remains hidden, lines separating columns/rows inside the table are displayed.
I don't have direct links to show the problem, but if you go to
https://store.petango.com/Roc-P6986.aspx
and click the "Add to cart" button, it brings you to the cart page (where you can see the lines showing in FFox, but not in IE).
For what it's worth, this is a third party E-Commerce package that we purchased, and on top of that we hired out our web design to a DIFFERENT third party web developer. Hence the jumbled mass of CSS files/confusion. Trying to look at the CSS for specific TD elements (in Firebug) is basically impossible to read it's so long, but I can't see anything obvious in there either.
I would be thrilled if this is just something stupid I'm missing, and there's a well known mistake that has been made in our CSS that lets it render fine in every browser but Firefox - any help would be greatly appreciated.
如果你对这篇内容有疑问，欢迎到本站社区发帖提问 参与讨论，获取更多帮助，或者扫码二维码加入 Web 技术交流群。
绑定邮箱获取回复消息
由于您还没有绑定你的真实邮箱，如果其他用户或者作者回复了您的评论，将不能在第一时间通知您！
发布评论
评论（2）
在 Firebug 中进行一番研究后发现，从
ctl00_wpm_Basket_ctl04_BasketGrid表中删除border-collapse:collapse样式会删除边框。我什至不打算尝试解释这一点 - 该样式应该是完全不必要的，就像许多其他适用的样式一样，它在多个级别上多次设置和重置......我怀疑您遇到了一些微妙的差异样式应用于 Gecko 和其他浏览器；这可能是一个错误，但如果您决定报告它，我会鼓励您缩小测试用例......它可能应该是...否则，您最好习惯使用 Firebug。
A bit of poking around in Firebug reveals that removing the
border-collapse:collapsestyle from thectl00_wpm_Basket_ctl04_BasketGridtable removes the borders. I'm not even going to try to explain this - the style should be completely unnecessary, as like many of the other applicable styles it's set and reset multiple times at multiple levels... I suspect you're encountering some subtle difference between how styles are applied in Gecko and other browsers; it's probably a bug, but I would encourage you to slim down the test case if you decide to report it...It probably should be... Otherwise, you'd better get comfortable using Firebug.
“我们充分认识到 IE 在 CSS 支持方面是当今游戏的幕后推手。”
博客
"We fully recognize that IE is behind the game today in CSS support."
ieblog