工具提示懸停閃爍

Question

我正在嘗試添加工具提示（通過Bootstrap），以便當您將鼠標懸停在圖像上時，它會在500ms延遲后顯示工具提示。 圖像具有常規狀態和懸停狀態：

CSS：

.image {
  background-image: url('../img/test.png');
  background-repeat: no-repeat;
  opacity: 0.3;
  filter: alpha(opacity=30);
}

.image:hover {
  opacity: 1;
  filter: alpha(opacity=100);
}

HTML：

<div class="image"></div>

JavaScript的：

$('.image').tooltip({title: 'Text', delay: { show: 500, hide: 0 }, trigger: 'hover', html: true});

問題是，當我將鼠標懸停在圖像上以檢查工具提示時，圖像會閃爍，而不會顯示工具提示，例如：

Answer 1

似乎工作正常。 您是否不包括jQuery，或者可能是因為您忘記分配高度和寬度，所以它突然出現在您不希望看到的地方？

jsfiddle ： http : //jsfiddle.net/8S7kP/1/