Wie HTML-Tabelle zeigen, immer oben

I Tabelle myUL öffnet erschaffeWie HTML-Tabelle zeigen, immer oben

#myUL li a { 
 
    background-color: #f6f6f6; 
 
    padding: 5px; 
 
    width: 100%; 
 
    text-decoration: none; 
 
    font-size: 14px; 
 
    color: black; 
 
    display: block; 
 
} 
 

 
#myUL li a.header { 
 
    background-color: #e2e2e2; 
 
    cursor: default; 
 
} 
 

 
#myUL li a:hover:not(.header) { 
 
    background-color: #eee; 
 
}

<input type="text" id="myInput" list="myUL" onclick="openingList()" onkeyup="openingList()" style="width:90%; "> 
 
<ul id="myUL" hidden=true> 
 
    <li> 
 
    <a href="#"></a> 
 
    </li> 
 
</ul>

Bei Klick auf Input-Tag. Jetzt habe ich das oben auf einer Box implementiert. Jetzt ist das Problem, wenn ich klicke, myUL wird nicht vollständig angezeigt, weil es wegen des Kastens sich versteckt. Wie kann man das immer an der Spitze zeigen?

Hinweis:

z-index Die Anwendung ist auch nicht funktioniert.
Eingabe eingeben funktioniert auch nicht.

Kann mir jemand helfen, dies zu beheben.

Quelle

2017-07-04 David

Versuch hinzufügen, um eine Geige zu machen und Teile. –

@David wo ist deine 'openingList()'? –

Überprüfen Sie die CSS-Struktur von diesem https://stackoverflow.com/questions/29732488/how-to-get-a-drop-down-menu-to-overlay-other-elements –

hinzufügen

#myUL li a { 
    position: absolute; 
}

Quelle

2017-07-04 09:02:44

Wie können Sie es beschreiben? –

Sie sollten z-index verwenden, aber es funktioniert mit (position:absolute, position:relative oder position:fixed)
So haben Sie Position Attribut zu Ihrem #myUL li a Stil

Quelle

2017-07-04 09:53:25

Wie HTML-Tabelle zeigen, immer oben

Antwort

Verwandte Themen