amp-boilerplate不工作

时间:2016-12-30 13:16:56

标签: php amp-html x-cart

我正在使用x-cart 4.7.6。我在x-cart模板(皮肤文件夹)中的.tpl文件中添加了amp标签。

所有标签都有效,但我在添加以下标签时遇到内部服务器错误" amp-boilerplate"

<style amp-boilerplate>
  body{-webkit-animation:-amp-start 8s steps(1,end) 0s 1 normal both;-moz-animation:-amp-start 8s steps(1,end) 0s 1 normal both;-ms-animation:-amp-start 8s steps(1,end) 0s 1 normal both;animation:-amp-start 8s steps(1,end) 0s 1 normal both}
  @-webkit-keyframes -amp-start{from{visibility:hidden}to{visibility:visible}}
  @-moz-keyframes -amp-start{from{visibility:hidden}to{visibility:visible}}
  @-ms-keyframes -amp-start{from{visibility:hidden}to{visibility:visible}}
  @-o-keyframes -amp-start{from{visibility:hidden}to{visibility:visible}}
  @keyframes -amp-start{from{visibility:hidden}to{visibility:visible}}
</style>
<noscript>
<style amp-boilerplate>
  body{-webkit-animation:none;-moz-animation:none;-ms-animation:none;animation:none}
</style>
</noscript>

请提供我为何获得以及如何解决的建议?

2 个答案:

答案 0 :(得分:0)

最后,我找到了这个问题的原因。我们必须在花括号和风格之间留出空间。

旧脚本:

body {-webkit-animation:none; -moz-animation:none; -ms-animation:none; animation:none;}

新剧本:

body {-webkit-animation:none; -moz-animation:none; -ms-animation:none; animation:none; }

它在其他php文件中没有空间工作,但不能仅在x-cart中工作。

答案 1 :(得分:0)

我找到了解决此问题的方法: 您应该只添加@:

    <style amp-boilerplate>
 body{ -webkit-animation:-amp-start 8s steps(1,end) 0s 1 normal both;-moz-animation:-amp-start 8s steps(1,end) 0s 1 normal both;-ms-animation:-amp-start 8s steps(1,end) 0s 1 normal both;animation:-amp-start 8s steps(1,end) 0s 1 normal both}
@@-webkit-keyframes -amp-start{from{visibility:hidden}to{visibility:visible}}
@@-moz-keyframes -amp-start{from{visibility:hidden}to{visibility:visible}}
@@-ms-keyframes -amp-start{from{visibility:hidden}to{visibility:visible}}
@@-o-keyframes -amp-start{from{visibility:hidden}to{visibility:visible}}
@@keyframes -amp-start{from{visibility:hidden}to{visibility:visible}}</style>
<noscript>
<style amp-boilerplate>
    body {
        -webkit-animation: none;
        -moz-animation: none;
        -ms-animation: none;
        animation: none;
    }
</style></noscript>

我使用视觉体育场,这对我来说很有用