使用display：none时禁用CSS3过渡

.element a span {
   display:none;
   opacity:0;
   position:absolute;
   top:-10px;
   -webkit-transition-property:top, opacity;
   -webkit-transition-duration:500ms;

}
.element a:hover span {
   display:inline;
   opacity:0.8;
   position:absolute;
   top:10px;
}

过渡根本不像这样.如果删除了display：none属性,那么它确实有效,但是在这种情况下我们需要在链接上使用display：none属性,以便在悬停之前不能与它接口.

有任何想法吗？

奇妙

或者代替display：none;尝试使用visibility：hidden;