全部。 我正在使用 bootstrap v2.1.1(目前最新版本)。 我的模态对话框中需要一个工具提示。
<!DOCTYPE html>
<html lang="zh-CN">
<head>
<title>Bootstrap v2.1.1</title>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
<link type="text/css" rel="stylesheet" href="css/bootstrap.min.css" />
<link type="text/css" rel="stylesheet" href="css/bootstrap-responsive.min.css"/>
<script type="text/javascript" src="js/jquery-1.8.2.min.js"></script>
<script type="text/javascript" src="js/bootstrap.min.js"></script>
<script type="text/javascript">
$(document).ready(function() {
$("a[rel='tooltip']").tooltip({'placement': 'right', 'z-index': '3000'});
});
</script>
</head>
<body>
<div class="modal modal-open">
<form class="modal-form form-horizontal">
<div class="modal-header">
<h3>Login</h3>
</div>
<div class="modal-body">
<a href="#" rel="tooltip" title="This is a link.">A link</a> <!-- check it out -->
</div>
<div class="modal-footer">
<button type="submit" class="btn btn-primary">Login</button>
<button type="reset" class="btn">Reset</button>
</div>
</form>
</div>
</body>
但是代码不起作用。 最新版本的 bootstrap 显示模态的 z-index 为 1050。
在 bootstrap.min.css 中
.modal-open .modal .tooltip{z-index:2080;}
我认为这不可能是 z-index 问题。
有人可以帮忙吗？非常感谢。
最佳答案
尝试将其添加到您的 CSS 文件中:
.tooltip {
z-index: 2000 !important;
}
关于html - 如何在 twitter bootstrap 的模态对话框中使用工具提示插件？，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/12758872/