だからこれは私が得たものです:
右側にある大きな太い青色のボタンを「Make An Appointment」で押すと、ライトボックスが表示されます。このライトボックスはスライドショーの下にあり、メニューと同じですが、z-index はライトボックスよりも大きいです。ライトボックスの z-index を 999999 に設定しましたが、それでもそれらの下に表示されます。
ここで何をすべきですか?
だからこれは私が得たものです:
右側にある大きな太い青色のボタンを「Make An Appointment」で押すと、ライトボックスが表示されます。このライトボックスはスライドショーの下にあり、メニューと同じですが、z-index はライトボックスよりも大きいです。ライトボックスの z-index を 999999 に設定しましたが、それでもそれらの下に表示されます。
ここで何をすべきですか?
問題の根本は、modal-bg と modal-box の配置です。
それらは両方とも、クラス「page-content-shadow」を持つ要素の内部にあります。このクラスには、relative の位置と 5 の z-index の両方があります。これは、モーダルを z を持つように設定していても-99999 のインデックス。これは、その親要素の z-index (この場合は 5) のコンテキストのみです。
これを修正するには、page-content-shadow クラスの z-index を 100 に変更するだけです。これにより、ナビゲーションとスライドショーの両方の上に配置されます (少なくとも Chrome では)。