使用display：none时禁用CSS3过渡
作者：互联网
2026-04-15
HTML教程
我似乎发现了 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属性,以便在悬停之前不能与它接口.
有任何想法吗？
奇妙
你可以尝试把溢出：隐藏在a上,这样跨度应该看起来不可见,而不需要使用display：none;因为你把它移动了10px.或者代替display：none;尝试使用visibility：hidden;
相关推荐
