Javascript Jquery工具提示定位函数在浏览器中的行为不同

我对javascript完全陌生，尝试使用工具提示在网页上显示图像标题

我从各种示例中改编的代码在Firefox上的效果与预期一致，但在Google Chrome上颠倒了my&at的位置，在IE上根本不起作用

   <script>
    $(function() {
        $( document ).tooltip( { position: {my: 'center bottom+10' , at: 'center top'}});
      });
  </script> 

$（函数（）{
$（文档）.tooltip（{位置：{my:'center-bottom+10'，at:'center-top'}}）；
});

这是一种在Chrome和Firefox中都能正常工作的样式，但在IE中不显示弯曲的角落

<style type="text/css">
 .ui-tooltip-content {
    display: inline-block;
    background:transparent;
    padding:5px;
    font: bold 14px "Arial", Sans-Serif;
    color: #000080;


    }    
   .ui-tooltip {
    padding: 10px 20px;    
    color:#eee;
    border-radius: 20px;    
    box-shadow: 0 0 7px black;
  }
</style>

.ui工具提示内容{
显示：内联块；
背景：透明；
填充物：5px；
字体：粗体14px“Arial”，无衬线；
颜色：#000080；
}    
.ui工具提示{
填充：10px 20px；
颜色：#eee；
边界半径：20px；
盒影：0 0 7px黑色；
}

图书馆详情

<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<meta http-equiv="X-UA-Compatible" content="chrome=1" />

<link rel="stylesheet" href="http://code.jquery.com/ui/1.10.4/themes/smoothness/jquery-ui.css">
  <script src="http://code.jquery.com/jquery-1.9.1.js"></script>
  <script src="http://code.jquery.com/ui/1.10.4/jquery-ui.js"></script>
  <link rel="stylesheet" href="/resources/demos/style.css">

有问题的那一页在这里

---

您是否尝试了正文选择器而不是文档选择器

$( body ).tooltip( { position: {my: 'center bottom+10' , at: 'center top'}});

对于所需的边界半径：

.ui-tooltip {
    padding: 10px 20px;    
    color:#eee;
    -webkit-border-radius: 20px;
    -moz-border-radius: 20px;
    border-radius: 20px;   
    box-shadow: 0 0 7px black;
  }

---

解决方法是包括以下元标记

<meta http-equiv="X-UA-Compatible" content="IE=EmulateIE10" />

这使“工具提示”功能起作用，并在表格上显示曲线边框

---

我无法解决的一个恼人的错误是IE和Google中的my和at位置与firefox中的相反

什么版本的IE？IE在第9版之前不支持

边框半径

。此外，如果您希望我们帮助您使用它的API，您需要指出您正在使用的工具提示库/插件。IE 9就是我正在检查的工具提示库/插件。刚刚试过，工具提示根本没有出现。