【发布时间】：2015-12-16 07:34:06
【问题描述】：
我想让display:block 淡入
HTML：
<div>Fade</div>
CSS：
div{display:none;transition:2s;}
div:hover{display:block;}
不知怎么就不行了，有没有其他方法可以达到这个效果？
【问题讨论】：
【发布时间】：2015-12-16 07:34:06
【问题描述】：
您无法转换 display 属性。相反，您应该转换 opacity 属性。
其根本原因与浏览器渲染管道有关。它需要在过渡之前正确布局页面，并且具有 1display: none;` 的元素没有布局（因此无法过渡）。
【讨论】：
-
如果你还想切换
display属性，你需要JavaScript。 -
@JosiahKeller 我可以使用 javascript 添加过渡到显示吗？
-
请在发布答案之前搜索重复项。副本上有很多答案，包括一个提到不透明度的答案。谢谢！
-
@MohitBhasi 不，你可以做的是使用 JavaScript 设置显示，然后设置一个类，以便不透明度过渡。
-
@MohitBhasi @JosiahKeller 实际上使用纯 css 和
:hover伪选择器就可以了。