twitter-bootstrap – Bootstrap popover overlay未正确定位

发布时间：2020-12-17 20:42:56 所属栏目：安全来源：网络整理

导读：插入图像时我遇到了bootstrap的popovers问题.在第一次单击时,左侧的箭头有时太低.在第二次点击时一切正常. var content = 'pHave a nice day/pimg src="https://si0.twimg.com/a/1339639284/images/three_circles/twitter-bird-white-on-blue.png" /';$("#bl

插入图像时我遇到了bootstrap的popovers问题.在第一次单击时,左侧的箭头有时太低.在第二次点击时一切正常.

var content = '<p>Have a nice day</p><img src="https://si0.twimg.com/a/1339639284/images/three_circles/twitter-bird-white-on-blue.png" />';

$("#blob").popover({ content: content,html: true });

如果明确指定图像的尺寸,也会发生这种情况,但不常见.

http://jsfiddle.net/34zp7hsu/

也许有可能在点击时画两次popover？任何帮助,将不胜感激.

UPDATE

在页面上的隐藏div中渲染图像也解决了问题,虽然我不明白为什么它不能在图像上使用指定的宽度和高度…

解决方法

你的问题是popover类的css规则之一：max-width：276px;
所以你只需添加一个新规则,如：max-width：none;

希望我帮忙！

（编辑：李大同）

【声明】本站内容均来自网络，其相关言论仅代表作者个人观点，不代表本站立场。若无意侵犯到您的权利，请及时与联系站长删除相关内容!