Cathern Hotard170D
New Member
all. i am using bootstrap v2.1.1 (the newest version currently).i need a tooltip in my modal dialog.\[code\]<!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="http://stackoverflow.com/questions/12758872/css/bootstrap.min.css" /> <link type="text/css" rel="stylesheet" href="http://stackoverflow.com/questions/12758872/css/bootstrap-responsive.min.css"/> <script type="text/javascript" src="http://stackoverflow.com/questions/12758872/js/jquery-1.8.2.min.js"></script> <script type="text/javascript" src="http://stackoverflow.com/questions/12758872/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="http://stackoverflow.com/questions/12758872/#" 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>\[/code\]but the code does NOT work.The lastest version of bootstrap shows the modal has a z-index of 1050.and in bootstrap.min.css\[code\].modal-open .modal .tooltip{z-index:2080;}\[/code\]This is could not be z-index issue, i think. anyone can help ? thx a lot.