Chrome中的CSS3 webkit转换错误

时间:2013-05-22 08:31:49

标签: css3 google-chrome transition

我在Chrome或我的CSS中遇到了一个奇怪的错误,我无法弄清楚原因。

它涉及下一个开发网站:http://bit.ly/13KoKOU

每当我在Chrome中并刷新页面时,链接中的颜色都会从访问过的默认紫色闪烁到我想要的颜色。在几毫秒的时间里,你可以看到紫色。

此外,当您刷新页面时,您很快就会看到子菜单逐渐消失。当然,不应该是这种情况,因为它需要在负载上隐藏。但是就像紫色链接颜色一样,你可以看到毫秒。

我使用的只是链接:

a:link,
a:visited{ 
    color:#ff368e;
    text-decoration: none!important;
    -webkit-transition: color 0.2s linear;
    -moz-transition: color 0.2s linear;
    -o-transition: color 0.2s linear;
    transition: color 0.2s linear;

}
a:hover, a:focus { color: #d82071; }

对于子菜单:

.header .categories ul ul {
z-index: 1;
opacity:0;
visibility: hidden;
border-bottom: solid 1px #e7e7e7;
background: #fff; 
display: block; 
-webkit-box-shadow: 0 1px 1px #eee;
-moz-box-shadow: 0 1px 1px #eee;
box-shadow: 0 1px 1px #eee;
margin-left: 32px;
-webkit-transition: all 0.2s ease-out 0.1s;
-moz-transition: all 0.2s ease-out 0.1s;
-ms-transition: all 0.2s ease-out 0.1s;
-o-transition: all 0.2s ease-out 0.1s;
transition: all 0.2s ease-out 0.1s;
-webkit-perspective: 1000;
-webkit-backface-visibility: hidden;

}

我正在使用Google Chrome 26.0.1410.64。 所有其他浏览器都可以正常工作。

这是一个错误,它可以修复还是我的CSS?

0 个答案:

没有答案