显示属性
我试图使用css3淡出转换，但发现显示不适用于转换。
我有一个<h2>标题和<div class='group'>组对象<div id=groupID> ，并且我有onclick事件绑定到<h2>应该使组类不起作用。 我试图克服显示问题{opacity: 0; height: 0; overflow: hidden;} {opacity: 0; height: 0; overflow: hidden;} {opacity: 0; height: 0; overflow: hidden;}这样做效果很好，因为它与{display:none}效果相同，但是
CSS
transition: all 2s ;
-webkit-transition: height 2s ease-out;
transition: opacity 2s ease-out ;
display: block;
-webkit-transition: opacity 2s ease-out;
JS
//collapse function
block.setStyle({opacity: 0});
block.setStyle({height: 0});
//expand function
block.setStyle({opacity: 1});
block.setStyle({height: 'auto'});
它不会关闭任何动画，但它会消失再现。 它会立即消失。
是的，我需要它在CSS3中。 不，我不能使用jQuery
任何想法？
谢谢
不要尝试和auto转换。 它不会工作。
您可以使用JavaScript计算元素的像素高度，并在block.setStyle()调用中使用它。
上一篇: out display property