在显示消息时引入延迟。 过渡延迟属性不起作用

Question

我有下面的div标签，其中包含一个向上箭头。如果将其悬停在上面，则会显示一条消息。 我希望延迟一秒钟来显示该消息。 我使用了transition-delay属性，但是它不起作用。 （注：我出于演示目的将css保留为内联）。 还可以使用Angularjs完成吗？ 任何帮助，将不胜感激。

<div class="col-xs-1" style="margin-left:-40px;">
     <div class="arrow-up" ng-mouseover="message_up = true" ng-mouseleave="message_up= false" ng-click="saveVote(review[0].review_id,1);"></div>
     <div class="message" ng-show="message_up" style="width:180px;position:absolute;margin-left:10px; margin-top:15px; background-color:#333;text-align:center;z-index:1001;color:white;transition-delay: 3s;">This review is helpful and clear.</div>
</div>

Answer 1

您希望转换延迟发生的属性是什么？ 因为您说过要在一段时间后才显示消息...所以我在这里创建了一个小提琴http://jsfiddle.net/ZMc2S/

我所做的只是为消息div添加了不透明度值，并给了

transition-property: opacity

希望这可以帮助