【问题标题】:Magento Respond.js appears to be mixing up styles in ie8 and belowMagento Respond.js 似乎在 ie8 及以下版本中混合了样式
【发布时间】:2012-03-16 00:17:19
【问题描述】:

Repond.js 似乎在 IE 中混合了 magento 样式表,这让我有些困惑。

问题: 由于 Magento 导入其 CSS respond.js 的方式混淆了样式表的顺序。当我使用开发人员工具解决问题时,它先调用 syles.css 然后调用 custom.css,然后它似乎又调用了 styles.css,但表现得好像它们是内联的,因此会覆盖我的 custom.css 样式。 (我之所以确定这一点,是因为对代码的搜索显示特定样式仅在 stlyes.css 中被调用)

我无法链接到该问题,但是如果有人以前曾走过这条路,我真的可以使用一些帮助。提前致谢!

更新:如果我注释掉 respond.src.js 中的第 45 行(如果支持媒体查询则返回的行)它会在每个浏览器中中断。这将其排除在 IE 特定问题之外。也许这是 Magento 调用其样式表(XML 文件)的方式造成的?

更新 2: 通过从 magento XML 调用中删除 Custom.css 和 Respond.js。我的网站不再使用 IE。但是我无法让媒体查询在 IE8 及更低版本中工作。现在正在解决此问题。请注意:我没有在我的 css 中使用 @font-face 调用,这会破坏 IE 中的 response.js。

【问题讨论】:

    标签: javascript html internet-explorer magento responsive-design


    【解决方案1】:

    我也遇到过类似的问题。我最终为 css 属性指定了!important,因此无论调用堆栈的顺序如何,它们都会覆盖任何其他样式。

    【讨论】:

    • 感谢您的及时回复,我已经测试过并且知道 !important 标签会起作用,但是由于我可以完全控制代码库,除非必须,否则我宁愿不使用它们。此外,我从未测试过带有媒体查询的 !important 标签,它们会带来任何问题吗?
    • 是的,我听到了。我不知道媒体查询会导致问题。
    猜你喜欢
    • 2013-07-05
    • 2013-04-27
    • 2012-11-28
    • 2013-06-13
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    相关资源
    最近更新 更多