CSS 转换不起作用 Firefox for XML 文档使用 XSLT 转换为 HTML

Posted

技术标签:

【中文标题】CSS 转换不起作用 Firefox for XML 文档使用 XSLT 转换为 HTML【英文标题】:CSS transitions not working Firefox for XML document transformed to HTML with XSLT 【发布时间】:2015-04-24 23:05:30 【问题描述】:

我有一个相当复杂的 XML 文档,它引用了一个 XSTL 文档,以将其转换为视觉上更令人愉悦/信息丰富的东西。

这不是一个大问题,但让我感到困扰的是 css 转换不适用于 Firefox。将生成的 html 代码从开发人员工具复制到一个普通的 .html 文件中,css 转换按预期工作。

关于如何强制 Firefox 将现代 css 功能应用于使用 xslt 从 xml 呈现的文档的任何想法?

这是重现问题的最小案例: http://www.developer-b.com/trouble/xsl/data.xml http://www.developer-b.com/trouble/xsl/data.xsl http://www.developer-b.com/trouble/xsl/data.html(火狐生成的html副本)

【问题讨论】:

你有代码要分享吗?发布一个 URL,我们可以在其中重现问题或插入最少但完整的代码示例,以便我们重现问题。 当然,我已经用一些链接更新了我的问题 对我来说这看起来像是 Mozilla 中的一个错误,因为您有一个测试用例,您可以在 bugzilla.mozilla.org 上提交该错误。 谢谢!我开始想同样的事情。我会提交错误报告。 bugzilla.mozilla.org/show_bug.cgi?id=1135764 【参考方案1】:

正如我们建立的那样,它确实是 a bug in Firefox/Gecko,它现在已在 Firefox 37 中得到修复。测试用例 https://bug1135764.bugzilla.mozilla.org/attachment.cgi?id=8568458 在 Windows 和 android 上都适用于我的 Firefox 37,将鼠标悬停在红色框上是旋转到 20 度的动画过渡。

【讨论】:

以上是关于CSS 转换不起作用 Firefox for XML 文档使用 XSLT 转换为 HTML的主要内容,如果未能解决你的问题,请参考以下文章

CSS3 中的转换在 Firefox 或 Internet Explorer 中不起作用

Firefox 的背景图像的 CSS3 过渡不起作用

CSS3 过渡/悬停效果在 Firefox 中不起作用; Firefox 错误?

Firefox:CSS 纵横比在 Firefox 中不起作用,但在 Chrome 中起作用

CSS在Firefox中不起作用[关闭]

background-position-y 在 Firefox 中不起作用(通过 CSS)?