0

モーダル ボックスを使用して、ポートフォリオの広告作品を表示しています。モーダルはほとんどの場合適切に機能していますが、モーダル内のコンテンツが上部のナビゲーション バーをブロックしているようです。

コンテンツを動的にロードせずに、モーダルのコンテンツがナビゲーションバーに干渉しないようにする方法はありますか? navbar の z-index を高くしてみましたが、うまくいきませんでした。modal.backdrop と同様にモーダル コンテンツに低い z-index を与えましたが、何もうまくいかないようです。

ページへのリンクは次のとおりです: http://0034191.netsolhost.com/ryancurtis/advertising.html

これは簡単な修正かもしれませんが、私は自分のスキル セット内ですべてを試しました。私はブートストラップにかなり慣れていません。

4

2 に答える 2

0

ダイアログをモーダルにしないでください。ダイアログをポップアップすることはできますが、モーダルにしないでください。モーダルは、ユーザーが下にあるものを見たり操作したりするのを防ぎます。

jQueryUI ダイアログ (非常によく似たシステム) からのこの例を使用すると、違いを簡単に確認できます。

私はブートストラップに堪能ではありませんが、ダイアログをモデルではなくアラートにするようです。

必要に応じて、ブートストラップと jQueryUI を混在させることができることに注意してください。どちらも jQuery の上で実行され、両方のライブラリが含まれているだけです。

于 2013-08-23T15:51:52.187 に答える
0

モーダルのパディング/トップマージンを与えないのはなぜですか? 私はその最も簡単な解決策を推測します..

<style>
.modal {            
margin-top:50px;
}
</style>

またはJSで

<script>    
{
    $("#myModal").animate({"width":"1100px","left":"30%"},3000,'easeInCirc');
}
</script>
于 2013-08-24T12:19:53.933 に答える