如何抑制jquery工具提示的边框

Question

我想在jquery工具提示中抑制似乎是默认的边框（因为我想使用背景图像）。看起来相当多，但我发现的所有示例都使用默认边框。我无法通过使用“border：none”来抑制它。 Here is a fiddle。有人可以给我一个暗示吗？

我之前使用过另一个Tooltip javascript。在那里，“vertical-align：middle”效果很好。 jquery-tooltip似乎不接受它。我很感激如何解决这个问题。

感谢您的帮助！

.ui-tooltip {
background: url("http://geodev.grid.unep.ch/gegslive/images/box.png") no-repeat 0 0 transparent;
width: 420px;
height: 200px;
color: black;
border: none;
padding: 0;
font-size: 80%;
vertical-align: middle; 
}


<div><a href='#' title='To improve recognition of the social, economic and ecological values of trees, forests and forest lands, including the ...'>Chapter 11, paragraph 21(a)</a></div>

Answer 1

将box-shadow:none;添加到您的样式中以删除其中的阴影。

这是影子而不是你在小提琴中看到的边界。

您需要编写样式来调整背景图像的位置。