纸张按钮仅在Firefox中正常工作

时间:2015-02-12 16:29:01

标签: polymer web-component

我使用聚合物和纸质按钮制作网站素材。在我加载webcomponents之后,它看起来应该只在firefox中应该如何,并且在chrome / ium中它看起来很高。 (所有最新版本)

Chrome - win8.1(使用Browserstack拍摄,但linux下的chrome也是如此。 chrome screenshot

Firefox 30 - win8.1 firefox screenshot

我无法访问IE浏览器,而且在浏览器中,似乎它错过了将网页组件加载到截屏时的时间。

源代码:http://pastebin.com/impPE91t

1 个答案:

答案 0 :(得分:0)

必须 explicitly specify body 未解决在初始加载时(直到Polymer小心)才能阻止FOUC issues

所以,而不是

<body>

使用应该使用:

<body unresolved>

UPD 而不是

<style>

使用应该使用:

<style shim-shadowdom> 

实时预览:http://plnkr.co/edit/rXdcULMrxkVidn9ZXYfr?p=preview

希望它有所帮助。