ブートストラップレールプロジェクトを使用して画像にCSS Z-インデックスを設定できませんでした。

私はレールプロジェクトに取り組んでいます。リンク先ページを下にスクロールするとヘッダーに表示される画像とCSSアイコンがあります。私はz-indexを検索し、1000+に設定しましたが、それでもヘッダの上に来ます。ここでブートストラップレールプロジェクトを使用して画像にCSS Z-インデックスを設定できませんでした。

は、プロジェクトのURLです： http://mentoring-campus.herokuapp.com/

CSSコードの何が問題？

2016-10-09 Eltaf

これらの画像を含む行には、.animatedクラスがあります。そのクラスは "z-index：100;"それらの写真があなたのヘッダーの上に表示されます。

2016-10-09 19:16:00 JX0

ありがとう@ JX0、インラインCSSを追加して修正できました。 – Eltaf

@Eltaf問題なし:) – JX0

ヘッダーの上に表示されているdivのZ-インデックスを-1に変更すると、それが修正されます。これらのdivsは 'うわー'クラスのものと同じように見えます。

2016-10-09 19:08:02

これは、多くの場合、悪い習慣と考えられていますが、使用することができます

z-index: 999 !important;

、あるいは適切にこれを行うには、インライン

style="z-index: 999"

を使用し、独自のCSSは後に含まれていることを確認する必要がありこれらの写真にZインデックスを与えるCSS

2016-10-09 19:58:59

答えて