如何抑制jQuery工具提示的邊框

Question

我想抑制邊框，這似乎是jquery工具提示中的默認邊框（因為我想改用背景圖片）。 到處都是，但是我發現的所有示例都可以使用默認邊框。 我無法通過使用“ border：none”來抑制它。 這是一個小提琴 。 有人可以給我提示嗎？

我之前使用過另一個工具提示javascript。 在那里，“垂直對齊：中間”效果很好。 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; 您的樣式以消除陰影。

它是您在小提琴中看到的陰影而不是邊界。

但是，您需要編寫樣式來調整背景圖像的位置。