CSS里display和transition：opacity两属性在对元素的显现上会有冲突。

css的transition渐变效果，在元素被hover的时候。
如果该元素在未被悬浮的时候，display设为none，opacity设为0，同时opacity作为transition的渐变属性。
正当该元素在设置为悬浮时，display设为block，opacity设为1，此时opacity的transition效果会不起作用。
结论：display和transition：opacity两属性在对元素的显现上会有冲突。
解决方法：通过设置元素内两子元素（或多子元素，视情况而定）的包含块关系（同位置定位），通过分别设置一元素的opacity由1（未悬浮）到0（悬浮）渐变，另一元素的opacity由0（未悬浮）到1（悬浮）渐变即可。