在使用Chrome版本34.0.1847.116时使用Polymer时,我注意到我的CSS规则正在以某种方式进行预处理。例如:
background: url(...) 50% 50%;
变为
background-image: url(...);
background-position: 50% 50%;
...
这是polyfill的结果吗?有没有办法解决这个问题?
答案 0 :(得分:3)
聚合物处理样式表和<style>
内的<polymer-element>
,以便为Shadow DOM polyfill的样式填充样式。在原生的Shadow DOM下,他们不会被触动。
Polymer的闪光灯使用CSSOM来修复和调整样式。我怀疑你所看到的是这个过程的结果。
顺便说一句,如果你知道一个事实,表格中的样式不使用任何影子dom功能,你可以添加no-shim
属性告诉Polymer留下内容:
<link rel="stylesheet" href="main.css" no-shim>
文档: