代码如下面所示，我用 transition-duration 对 display: none/block 属性和 width 属性进行2秒慢动作切换。但是，实际展示的时候，width 变换确实用了2秒，但display并没有，请问这是为什么呢？

HTML

 
o 

CSS

.transition-example { width: 40px; height: 40px; background: red; margin: 30px; color: #FFF; font-size: 20px; } #width-duration, .box { -webkit-transition-duration: 2s; -moz-transition-duration: 2s; -o-transition-duration: 2s; transition-duration: 2s; } #width-duration:hover { width: 80px; } .box { display: none; } #width-duration:hover .box { display: block; }

http://jsfiddle.net/u2MXQ/