ドロップダウンメニューが写真の下に潜り込む場合の解決方法
独自レイアウトで設定したドロップダウンメニューが、"写真付き文章”項目で挿入した写真の下に潜り込むことがあります。この症状の解決方法をご紹介します。
※今回ご紹介する方法でも症状が解決されないケースがあります。予めご了承ください。
Before・After
症状の原因
Jimdoで挿入した項目には「CSS」という装飾を指定するコードが割り当てられています。
”写真付き文章”項目で挿入された写真には「z-index」という要素の重なり順序を指定するコードが割り当てられています。
この重なり順序がドロップダウンメニューよりも優先されているため、写真の下に潜り込む症状が表れます。
解決方法
”写真付き文章”項目で挿入された写真の重なり順序を、ドロップダウンメニューよりも下げることで今回の症状が改善されます。
下記のCSSコードを、独自レイアウトのCSS設定画面に貼り付けます。
.j-textWithImage figure {
z-index: 0 !important;
}
ドロップダウンメニューの実装方法
最後までお読みいただきありがとうございます！いかがでしたか？
このページが参考になったら、ぜひ左のボタンでFacebookかTwitterにシェアしていただけると嬉しいです！
押してくれたらもっとこうしんするぴ！