2017-02-07 8 views
0

メーリングリストにサインアップするためのポップアップウィンドウがあります。私はすべてをオーバーレイする必要があります。現在、CSSメニューはポップアップの上に表示されます。メニューはzインデックスの9999です。どこのポップアップコード(下記参照)にzインデックス情報を追加しますか?埋め込みメーリングリストコードZ-インデックス

これは、メールチンパンジーからのコードです:

<script type="text/javascript" src="//s3.amazonaws.com/downloads.mailchimp.com/js/signup-forms/popup/embed.js" data-dojo-config="usePlainJson: true, isDebug: false"></script> 
    <script type="text/javascript">require(["mojo/signup-forms/Loader"], function(L) 
    { 
     L.start({"baseUrl":"mc.us9.list-manage.com","uuid":"56eb37539d1e217bbc3a2ea22","lid":"d8e88803f2"}) 
    }) 
    </script> 
+0

初心者をdownvoteしようとしている場合、理由を説明する礼儀をお持ちください。 – Ringo

答えて

0

あなたは本当にこの上で決定的な答えを得るためにあなたのHTMLやCSSを投稿する必要がありますが、あなたは次のことを試すことができます。

あなたのことを確認してくださいポップアップオーバーレイにはクラス名またはIDがあります。たとえば:

<div id-"mailing-list-overlay"> 
    mailing list form goes here... 
</div> 

は、今すぐあなたのマークアップのどこかに、このCSSルールを追加してみてください:

<style> 
    #mailing-list-overlay { 
     z-index: 10000 !important; 
    } 
</style> 

それが動作する場合、素晴らしいです!今度は '!important'を削除して、それがうまくいくかどうか確認してみましょう。 (リロード時にブラウザのキャッシュがクリアされていることを確認してください)それがうまくいくなら、cssルールを適切なスタイルシートに移動してみてください。

これらのどれもうまくいかない場合は、別の問題が発生する可能性があります。たとえば、オーバーレイは、オーバーレイしたいコンテンツと同じレイヤースタックに含まれていない可能性があります。しかし、HTMLとCSSのより完全な画像を見ることができなければ、トラブルシューティングは不可能です。 pastebinやjsfiddleにコードを投稿すると、私はあなたを助けることができます。

+0

ありがとうございます。私はスクリプト内にZ-インデックスを含めて立ち往生しました。私はdivについて考えることさえしなかった。 –

+0

多くのjsライブラリでベーキングされるデフォルトのスタイルをオーバーライドする必要があるのが一般的です。ライブラリスタイルシートで直接CSSを変更するのではなく、別のスタイルシートにすべての優先スタイルを保持することをお勧めします。そうすれば、将来的にあなたのライブラリをアップグレードする必要がある場合でも、あなたは引き続きあなたのオーバーライドスタイルをローカルに持ち、新しいバージョンのライブラリを用意する準備ができます。 – Ringo

関連する問題