在加载时禁用CSS动画触发器

我在网页上工作，最近遇到了下面的代码问题。在加载时禁用CSS动画触发器

这里是最大限度缩小的例子：

index.html

<!DOCTYPE html> 
<head> 
    <link rel="stylesheet" type="text/css" href="/style.css"> 
</head> 
<body> 
    <div id="author">Lorem ipsum</div> 
</body>

style.css

#author { 
    color: #f0f0f0; 
    transition: color 0.5s ease-in-out; 
}

基本上，我想以后做#author改变与褪色悬停颜色，而这种工作方式所需。

我遇到的问题是，当我在Chrome（实际上是Chromium）中打开它时，我在加载页面后立即从黑色转变为#f0f0f0，我不知道为什么。这绝对不会发生在Firefox上。我应该怎么做才能防止它在Chrome上发生？

来源

2014-12-04 Wikiii122

好吧，现在，这是尴尬，但我找到了源。它是由Stylebot extension引起的，并且关闭它停止了效果。

有趣的是，这是Stylebot的存在是什么干扰，它既没有设置修改任何东西，也没有激活该网站。

来源

2014-12-04 19:50:37 Wikiii122

您是否试过实际的Chrome？ Chromium和Chrome Canary是开发浏览器，并且始终以beta模式运行，所以不要期待标准行为。

来源

2014-12-04 17:35:36 legnaleama

只是，这是一样的。虽然我不知道Chromium是开发浏览器，但我始终认为Chrome的版本是谷歌专有的元素中断和其他一些细微差异。谢谢你。 – Wikiii122 2014-12-04 19:39:57

在加载时禁用CSS动画触发器

回答

相关问题