Menü barın alt menüleri tema altında kalıyor bunu nasıl düzeltebilirim?

herchell dedi: ↑

Merhaba html ve css üzerinden site yapıp menü barı css ile yaptım.Resimde görüldüğü gibi sitenin herhangi bir sayfasında iken menü barın alt menüleri görünmüyor tema altında kalıyor.Nasıl düzeltebilirim?

《AKİF》?? dedi: ↑

Hocam yanlış anlamazsanız okul mu açıyorsunuz?

《AKİF》?? dedi: ↑

Hocam yanlış anlamazsanız okul mu açıyorsunuz?

Eminkrkt dedi: ↑

Tam olarak kodu görmeden bir şey söylemem zor ancak. Z index sorunu çözebilir, normal akış dışına çıkarmakta sorunu çözebilir.

Eminkrkt dedi: ↑

Tam olarak kodu görmeden bir şey söylemem zor ancak. Z index sorunu çözebilir, normal akış dışına çıkarmakta sorunu çözebilir.

<head>
    <meta charset="utf-8">
    <title>ANADOLU TEKNİK PROGRAMI HAKKINDA BİLGİLER</title>
    <link rel="stylesheet" href="style.css">
    <link rel="icon" type="image/x-icon" href="simge.jpg">
    <div class="layout-wrapper">
</head>
    <body>
 
        <div class="layout-wrapper1">
        <div class ="container">
            <header>
                <img src="meb.jpg" width="90" height="100">
                    <h2 style="text-align:center">T.C. Milli Eğitim Bakanlığı<br>
                     
                        <img src="atabayrak.png" width="150" height="90" align="right">
            </header>
            </div>
    <hr>         
     </div>
           <div class="menu-bar" >
                <ul>
                    <li class="active" ><a href="proje.html">Anasayfa</a></li>
                    <li><a href="#">Okulumuz</a>
                        <div class="sub-menu1">
                            <ul>
                                <li><a href="mudur.html">Müdür</a></li>
                                <li><a href="kadromuz.html">Kadromuz</a></li>
                                <li><a href="tarihce.html">Tarihçe</a></li>
                                <li><a href="okulhakkinda.html">Okulumuz Hakkında</a></li>
                            </ul>     
                        </div>
                     </li>
                    <li><a href="#">Bölümlerimiz</a>
                        <div class="sub-menu2">
                            <ul>
                                <li><a href="hemsireyardimciligi.html">Hemşire Yardımcılığı</a></li>
                                <li><a href="ebeyardimciligi.html">Ebe Yardımcılığı</a></li>
                                <li><a href="saglikbakimteknisyenligi.html">Sağlık Bakım Teknisyenliği</a></li>
                            </ul>
                        </div>
                    </li>
                    <li><a href="#">Rehberlik</a>
                        <div class="sub-menu3">
                            <ul>
                                <li><a href="anadoluteknik.html">Anadolu Teknik Programı Hakkında Bilgi</a></li>
                                <li><a href="saglikekpuan.html">SAĞLIK HİZMETLERİ ALANI EK PUANLI ÖN LİSANS PROGRAMLARI</a></li>
                            </ul>
                        </div>
                    </li>
                    <li><a href="#">Projeler</a>
                        <div class="sub-menu4">
                            <ul>
                                <li><a href="#">Meslek Liseleri Ailelerle Buluşuyor</a> </li>
                                <li><a href="#">E-twinning</a></li>
                            </ul>
                        </div>
                    </li>
                    <li><a href="#">Aday Öğrenci</a>
                        <div class="sub-menu5">
                            <ul>
                                <li><a href="nedenbiz.html">Neden Biz?</a> </li>
                                <li><a href="tanitimvideo.html">Tanıtım Videomuz</a> </li>
                                <li><a href="stajimkan.html">Staj İmkanları</a></li>
                                <li><a href="ulasim.html">Ulaşım İmkanları</a></li>
                                <li><a href="kayitkosul.html">Kayıt Koşulları</a> </li>
                            </ul>
                        </div>
                    </li>
                    <li><a href="fotograflar.html">Fotoğraflar</a></li>
                    <li><a href="pansiyonumuz.html">Pansiyonumuz</a></li>
                    <li><a href="iletisim.html">İletişim</a></li>
                </ul>
           </div>
         <tt><div align="center"><h1 style="color:blue"  title="ANADOLU TEKNİK PROGRAMI HAKKINDA BİLGİLER" ><font face="tahoma"> ANADOLU TEKNİK PROGRAMI HAKKINDA BİLGİLER</font></h1></div></tt>
        <header
        <div class ="container"></div>
        <div align="center"> <img src="teknikprogram.jpg" width="900" height="600" ></div><br>
        </header>
    </body>
</html>