码迷,mamicode.com
首页 > 其他好文 > 详细

可消失的弹出框

时间:2017-06-26 12:38:54      阅读:167      评论:0      收藏:0      [点我收藏+]

标签:mozilla   点击   content   develop   iss   glob   title   http   miss   

通过使用 focus 触发器可以在用户点击弹出框是让其消失。

实现“点击并让弹出框消失”的效果需要一些额外的代码

为了更好的跨浏览器和跨平台效果,你必须使用 <a> 标签,不能使用 <button> 标签,并且,还必须包含 tabindex 属性。

<a tabindex="0" class="btn btn-lg btn-danger" role="button" data-toggle="popover" data-trigger="focus" title="Dismissible popover" data-content="And here‘s some amazing content. It‘s very engaging. Right?">可消失的弹出框</a>

可消失的弹出框

标签:mozilla   点击   content   develop   iss   glob   title   http   miss   

原文地址:http://www.cnblogs.com/dengxinxia/p/7079653.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!