为什么聚合物预处理我的CSS?

时间:2014-04-10 20:46:15

标签: javascript html css web-applications polymer

在使用Chrome版本34.0.1847.116时使用Polymer时,我注意到我的CSS规则正在以某种方式进行预处理。例如:

background: url(...) 50% 50%;

变为

background-image: url(...);
background-position:  50% 50%;
...

这是polyfill的结果吗?有没有办法解决这个问题?

1 个答案:

答案 0 :(得分:3)

聚合物处理样式表和<style>内的<polymer-element>,以便为Shadow DOM polyfill的样式填充样式。在原生的Shadow DOM下,他们不会被触动。

Polymer的闪光灯使用CSSOM来修复和调整样式。我怀疑你所看到的是这个过程的结果。

顺便说一句,如果你知道一个事实,表格中的样式不使用任何影子dom功能,你可以添加no-shim属性告诉Polymer留下内容:

<link rel="stylesheet"  href="main.css" no-shim>

文档: