css - 页脚的 CSS 在 chrome 中停止工作

Question

今天我注意到在我的一个网站上，页脚 css 不见了。我试图在 mozilla 和资源管理器上加载页面，它显示得很好。自上个月以来，我没有在 CSS 上进行任何更改。它只是在 chrome 上随机消失，或者不再出现。

您可以在以下网址亲自查看：http ://www.d-dayinfo.org/

我使用 php，所以我的页脚是一个在所有其他页面上显示（包含）的单个文件。任何对谷歌浏览器有相同经验并愿意帮助我的人？

真的不知道该怎么办

Answer 1

styles.css的第1812行有问题

@-webkit-keyframes smallToBig { from-webkit-transform: scale(0.1); }
to { -webkit-transform: scale(1); }
{  }
@-moz-keyframes smallToBig { from-moz-transform: scale(0.1); }
to { -moz-transform: scale(1); }
 {  }
@-ms-keyframes smallToBig { from-ms-transform: scale(0.1); }
to { -ms-transform: scale(1); }
{  }
@-webkit-keyframes moveFromBottom { from-webkit-transform: translateY(100%); }
to { -webkit-transform: translateY(0%); }
{  }
@-moz-keyframes moveFromBottom { from-moz-transform: translateY(100%); }
to { -moz-transform: translateY(0%); }
{  }
@-ms-keyframes moveFromBottom { from-ms-transform: translateY(100%); }
to { -ms-transform: translateY(0%); }
{  }

这里出了点问题，请纠正它与 CSS chrome 的冲突 CHROME

IS应该喜欢

@-webkit-keyframes smallToBig { 
    from{-webkit-transform: scale(0.1); }
    to { -webkit-transform: scale(1); }
}
@-moz-keyframes smallToBig { 
    from{ -moz-transform: scale(0.1); }
    to { -moz-transform: scale(1); }
}
@-ms-keyframes smallToBig { 
    from{ -ms-transform: scale(0.1); }
    to { -ms-transform: scale(1); }
}
@-webkit-keyframes moveFromBottom { 
    from{ -webkit-transform: translateY(100%); }
    to { -webkit-transform: translateY(0%); }
}
@-moz-keyframes moveFromBottom {
    from{ -moz-transform: translateY(100%); }
    to { -moz-transform: translateY(0%); }
}
@-ms-keyframes moveFromBottom {
    from{ -ms-transform: translateY(100%); }
    to { -ms-transform: translateY(0%); }
}