ドロップダウンメニューが写真の下に潜り込む場合の解決方法

独自レイアウトで設定したドロップダウンメニューが、"写真付き文章”項目で挿入した写真の下に潜り込むことがあります。この症状の解決方法をご紹介します。


※今回ご紹介する方法でも症状が解決されないケースがあります。予めご了承ください。

Before・After

症状の原因

Jimdoで挿入した項目には「CSS」という装飾を指定するコードが割り当てられています。

”写真付き文章”項目で挿入された写真には「z-index」という要素の重なり順序を指定するコードが割り当てられています。

この重なり順序がドロップダウンメニューよりも優先されているため、写真の下に潜り込む症状が表れます。

解決方法

”写真付き文章”項目で挿入された写真の重なり順序を、ドロップダウンメニューよりも下げることで今回の症状が改善されます。

下記のCSSコードを、独自レイアウトのCSS設定画面に貼り付けます。


.j-textWithImage figure {
  z-index: 0 !important;
}

ドロップダウンメニューの実装方法

Jimdo虎の巻では実装方法を紹介しています。

詳しくは下記の記事をご参照ください。


ドロップダウンメニューの実装方法

 最後までお読みいただきありがとうございます!いかがでしたか?

このページが参考になったら、ぜひ左のボタンでFacebookかTwitterにシェアしていただけると嬉しいです!

押してくれたらもっとこうしんするぴ!