关于css在不同类上触发transition过渡问题_html/css_WEB-ITnose

差不多就这样，通过点击有↓的div然后达到增删none类的效果

css方面
.menu-item {
display: block;
height:auto;
width:100%;
background:#B4B4B4;
overflow:hidden;
position:relative;

transition:height 2s; /*没有效果*/
}

简单一点说就是我元素本身是display：block，然后通过js 增删none类{display：none}来达到下拉栏的效果；

但是过渡效果不知道如何才能添加进去，直接加transition：height 2s；没有效果

别用js去增删none类，改变高度就行。因为你加了这个所有没有效果。

那不就得全部重做了

已经不打算纠结display了，但是为什么.none {height:0%!important;}不起作用，！important不是最高级了吗，还是被其他css高度覆盖了

transition过渡功能有局限性，其过渡属性的起始值和终止值都必需是数值型的值。而且必需明确的设定为固定的数值。不能用auto，none，block等属性做过渡

transition过渡功能有局限性，其过渡属性的起始值和终止值都必需是数值型的值。而且必需明确的设定为固定的数值。不能用auto，none，block等属性做过渡

那已经没办法了吗 ~ 能不能不用css也能做出平滑下拉的效果~

transition过渡功能有局限性，其过渡属性的起始值和终止值都必需是数值型的值。而且必需明确的设定为固定的数值。不能用auto，none，block等属性做过渡

那已经没办法了吗 ~ 能不能不用css也能做出平滑下拉的效果~

看看这个
http://stackoverflow.com/questions/3508605/how-can-i-transition-height-0-to-height-auto-using-css

transition过渡功能有局限性，其过渡属性的起始值和终止值都必需是数值型的值。而且必需明确的设定为固定的数值。不能用auto，none，block等属性做过渡

那已经没办法了吗 ~ 能不能不用css也能做出平滑下拉的效果~

看看这个
http://stackoverflow.com/questions/3508605/how-can-i-transition-height-0-to-height-auto-using-css

谢谢，我把一些重要的高度改成max-height和transition：max-height 2x；后可以了！