Bonjour
J ai une div id="centre" en overflow:hidden qui contient une dropdown. Le pb est que bien évidemment le contenu de la dropdown ne s affiche pas puisque elle est contenue dans ma div centre .
J ai essayé de jouer avec les z-index de -1000 à 1000 mais je n y parviens pas.
Votre aide serait la bienvenue.
d'avance merci
mon code
Code html : Sélectionner tout - Visualiser dans une fenêtre à part
1
2
3
4
5
6
7
8
9
10 <div id="centre"> <div >lorem...</div> <span class="dropdown "> <span class="dropbtn ">Fr <i class="arrow arrow-down"></i></span> <div class="dropdown-content"> <a href="#">Fr</a> <a href="#">En</a> </div> </span> </div>
mon css
Code : Sélectionner tout - Visualiser dans une fenêtre à part
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24 div#centre { padding: 1px 20px; overflow: hidden; line-height: 70px; } .dropbtn { border: none; cursor: pointer; } .dropdown { position: relative; display: inline-block; } .dropdown-content { display: none; position: absolute; right: 0; top: -10px; background-color: #f9f9f9; box-shadow: 0em 0.5em 1em 0em rgba(0, 0, 0, 0.2); }
Partager