Question

今天我在我的一个网站上发现，页脚css已经消失了。我试图在Mozilla和资源管理器上加载页面，它显示正常。自上个月以来，我没有对css做任何改动。它只是在铬上随机消失，或者它不再出现了。

看到它

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

真的不知道该怎么做

Answer 1

的行号 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%); }
}

页脚的CSS停止在chrome中工作

1 个答案: