Overflow : hidden sauf pour un element, c est possible ?
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:
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:
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);
} |
