基本的には、Bootstrap Tourを最も基本的な例で動作させることができますが、jQuery ダイアログで要素をターゲットにすると、強調表示によって要素が隠れてしまいます。
var t = new Tour({
backdrop: true
});
t.addStep({
element: "#content",
title: "Title",
content: "Content"
});
t.start();
これが私が言いたいことのjsFiddleの例です。
テキストがまだ表示されるように、ハイライト要素はターゲット要素の後ろにある必要があります。
問題は要素の z-index だと思います。ダイアログ -> ハイライト -> 要素のはずですが、ダイアログ -> 要素 -> ハイライトのように見えます。
ダイアログの z-index は 100、ハイライトは 1010、要素は 1011 です。これは正しいはずです。
jQuery UI クラスの z-index を明示的に削除することで機能させることができますが、それ.ui-front
は最善の解決策とは思えません。
z-index が正しい場合にデフォルトのスタイリングが機能しない理由はありますか?