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&nbsp;&nbsp;<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);
}