3

基本的には、Bootstrap Tourを最も基本的な例で動作させることができますが、jQuery ダイアログで要素をターゲットにすると、強調表示によって要素が隠れてしまいます。

var t = new Tour({
    backdrop: true
});

t.addStep({
    element: "#content",
    title: "Title",
    content: "Content"
});

t.start();

これが私が言いたいことのjsFiddleの例です。

jQuery ダイアログを使用したブートストラップ ツアー

テキストがまだ表示されるように、ハイライト要素はターゲット要素の後ろにある必要があります。

問題は要素の z-index だと思います。ダイアログ -> ハイライト -> 要素のはずですが、ダイアログ -> 要素 -> ハイライトのように見えます。

ダイアログの z-index は 100、ハイライトは 1010、要素は 1011 です。これは正しいはずです。

jQuery UI クラスの z-index を明示的に削除することで機能させることができますが、それ.ui-frontは最善の解決策とは思えません。

z-index が正しい場合にデフォルトのスタイリングが機能しない理由はありますか?

4

3 に答える 3

1

問題があり、ツアーステップの背景の不透明度を 0.4 に設定してごまかしました

于 2014-03-14T06:33:39.320 に答える
-2

ブートストラップ ツアーの最新バージョンで動作する正しい jsfiddle

[http://jsfiddle.net/KyleMit/DYNbj/82/][1]
于 2015-04-19T04:18:34.157 に答える