Question

正如标题所示，我有一个网页，我在谷歌浏览器中测试了它，但CSS没有用。然后我回去检查我是否正确地将CSS文件与HTML文件链接起来了。然后我尝试在Firefox网络浏览器中打开它，它工作。任何人都可以告诉我为什么它不能在Chrome中运行但在Firefox中工作？

CSS文件：

    #news {
    margin-top: 60px;
    text-align: center;
}
#newsp {
    font-size: 20px;
    padding-top: 10px;
    padding-bottom: 20px;
    padding-left: 10px;
    position: absolute;
    float: left;
    padding-right: 10px;
}
#thankyou {
    margin-top: 200px;
    font-size: 15px;
    text-align: center;
    color: gray;
}
#websiteul {
    list-style-type: none;
}
#websitelist {
    float: right;
    margin-right: 20px;
}

Answer 1

我无法真正看到动画，但这里是动画，例如：

#first-child {
   width: 200px;
   height: 200px;
   background: white;
   -webkit-animation: myfirst 1s;
   -moz-animation: myfirst 1s;
   animation: myfirst 1s;
}
@-webkit-keyframes myfirst {
    0% {background: white;}
   50% {background: white;}
  100% {background: red;}
}
@keyframes {
    0% {background: white;}
   50% {background: white;}
  100% {background: red;}
}

HTML：

<div id="first-child"></div>

如果你想让动画在chrome中运行，你应该使用-webkit-animation，如果你想让它在firefox中运行，你应该像代码一样使用-moz-animation

CSS无法在Chrome网络浏览器中使用

1 个答案: