4

在我正在处理的项目中,我们有很多使用省略号样式的元素,当然,在除 FireFox 之外的所有主要浏览器中,纯 CSS 都可以正常工作。我们实现了 -moz-binding 修复,它引用了带有绑定信息的 xml 文件,用于裁剪使用 XUL/XBL 定义的元素,如这里定义的那样,效果很好......直到我们决定移动所有静态文件(CSS,图像等)到性能优化的服务器。-moz-bindings 不再有效,因为 FF 已禁用 XUL 跨域工作作为安全预防措施。

我在网上找到了很多关于将绑定 xml 直接放入 -moz-binding 的 url 子句的参考资料,如下所示:

-moz-binding: url(data:text/xml;charset=utf-8,%3C%3Fxml%20version%3D%221.0%22%3F%3E%3Cbindings%20xmlns%3D%22http%3A//www.mozilla.org/xbl%22%20xmlns%3Axbl%3D%22http%3A//www.mozilla.org/xbl%22%20xmlns%3Axul%3D%22http%3A//www.mozilla.org/keymaster/gatekeeper/there.is.only.xul%22%3E%09%3Cbinding%20id%3D%22ellipsis%22%3E%3Ccontent%3E%3Cxul%3Adescription%20crop%3D%22end%22%20xbl%3Ainherits%3D%22value%3Dxbl%3Atext%22%3E%3Cchildren/%3E%3C/xul%3Adescription%3E%3C/content%3E%3C/binding%3E%3C/bindings%3E);

但这不起作用......绑定失败了,元素根本不显示在浏览器中。没有错误(我至少可以弄清楚如何捕获)被抛出,所以我无法诊断发生了什么。

我想也许这只是我对 xml 进行编码的方式,但即使尝试Mozilla 文档中的示例或其他示例也不适用于我。我已经尝试过简单的 html 页面,除了 Mozilla 示例中的一个元素之外什么都没有,但它失败了。我在配置方面缺少什么来使这个内联的东西工作?

我正在寻找 1) 使内联 -moz-binding 工作的方法或 2) 解决它的方法,以便当 CSS 来自另一个域时外部 xml 文件工作。

如果有人有建议,将不胜感激!

顺便说一句,我对将省略号应用于字段(例如 Javascript 实现)的任何其他解决方案不感兴趣。这对我们的目的来说很好,并且在站点中的太多地方用作 CSS 类,以使重构为另一种方法可行。

4

1 回答 1

1

您可以尝试在 .htaccess 中添加:

Header set Access-Control-Allow-Origin * 

资源

于 2010-06-08T09:54:42.230 回答