1

誰かがしようと決めた場合、ブラウザでモーダルマスクのサイズを変更しようとしています...

現在は 100% / 100% のままで見た目が悪いです。

ここにリンクがあります <--- ディナー メニュー ナビゲーションをクリックして、ブラウザ ウィンドウのサイズを現在よりも大きくすると、私が話していることが表示されます。

jquery はソースの head 領域にあります...最初のセクションです。

これは簡単な修正ですか？トラブルシューティングを簡単にしたい場合は、jfiddle を作成できます。

ありがとう、ムフ

4

1 に答える 1

3

現在、絶対ウィンドウ サイズを#maskdiv に設定する JavaScript を使用しています。それが問題の原因です - 代わりに CSS を使用する必要があります。

JavaScript によって設定された不要なプロパティをオーバーライドするには、!important.

追加するだけ

#mask {
    width: 100% !important;
    height: 100% !important;
    /* other stuff */
}

スタイルシートに追加すると、正常に機能します。

または、!important醜さの使用を避けるために、スクリプトから厄介なコードを削除するだけで、CSS は!important.

// THIS IS THE BAD CODE YOU SHALL REMOVE
var maskHeight = $(document).height();
var maskWidth = $(window).width();
$('#mask').css({'width':maskWidth,'height':maskHeight});
于 2013-08-06T15:00:48.973 に答える