微信公众号搜"智元新知"关注
微信扫一扫可直接关注哦!

CSS3过渡淡出与显示:无

我有一些元素我想用 CSS3淡化.它可以简单地由2个不透明度的类完成:0和不透明度:1,但问题是褪色元素是一些下拉菜单,它下面有元素,所以即使它有不透明度:0,它仍然是’可点击’它不是.

如果我添加display:none;属性,元素不动画.

是否有可能只用css来避免呢?

我检查了this,但没有找到工作解决方

http://jsfiddle.net/Eh7jr/

解决方法

而不是显示:none,尝试使用visibility:hidden;

FIDDLE

this article,其中指出:

visibility animates despite the CSS Basic Box Model spec saying “Animatable: no”

原文地址:https://www.jb51.cc/css/217114.html

版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 dio@foxmail.com 举报,一经查实,本站将立刻删除。