gpt4 book ai didi

html - uib-tooltip 没地方显示时显示不全?

转载 作者:太空宇宙 更新时间:2023-11-04 07:36:16 24 4
gpt4 key购买 nike

演示 here .

tooltip显示不全,因为我觉得没有地方可以显示,但是有什么其他办法可以实现吗?我不能把位置改成相对的,必须 overflow hidden 。

<html ng-app="ui.bootstrap.demo">

<head>
<script src="//ajax.googleapis.com/ajax/libs/angularjs/1.3.2/angular.js"></script>
<script src="//angular-ui.github.io/bootstrap/ui-bootstrap-tpls-0.12.0.js"></script>
<script src="example.js"></script>
<link href="//netdna.bootstrapcdn.com/bootstrap/3.3.1/css/bootstrap.min.css" rel="stylesheet">
</head>

<body class="container-fluid">
<div style="margin-left:40px;border:1px solid;overflow:hidden;position:absolute;width:150px">
<div class="row" style="margin-top:80px;margin-left:50px">
<button class="btn btn-default" tooltip="This tooltip is clipped" tooltip-placement="left">#1</button>
</div>
</div>
</body>

</html>

最佳答案

您可以附加 tooltip element到文档的主体而不是包含元素。

tooltip-append-to-body $ C (Default: false, Config: appendToBody) - Should the tooltip be appended to '$body' instead of the parent element?

将此添加到您的按钮

tooltip-append-to-body="true"

Forked demo

关于html - uib-tooltip 没地方显示时显示不全?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/48935789/

24 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com