Discussion :

[SUNSHINE.]

Bonsoir, je rencontre un problème avec mon template. La superposition des menu déroulants est complètement bugger et contraignant. Il a une sorte d'opacité et n'est pas prioritaire sur les autres.

Voici un screen pour mieux comprendre :



Comment puis-je régler ça ? Merci.

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
8
9
10
11
12
13
<ul class="dropdown-menu" style="display: block;">
      <li><a href="usercp.php?action=profile" original-title=""><i class="fa fa-edit" original-title=""></i>Modifier le profil</a></li>
      <!-- start: usercp_nav_changename -->
<li><a href="usercp.php?action=changename" original-title=""><i class="fa fa-tags" original-title=""></i>Changer de nom</a></li>
<!-- end: usercp_nav_changename -->
      <li><a href="usercp.php?action=password" original-title=""><i class="fa fa-key" original-title=""></i>Changer le mot de passe</a></li>
      <li><a href="usercp.php?action=email" original-title=""><i class="fa fa-envelope" original-title=""></i>Changer l’email</a></li>
      <li><a href="usercp.php?action=avatar" original-title=""><i class="fa fa-picture-o" original-title=""></i>Changer l’avatar</a></li>
      <!-- start: usercp_nav_editsignature -->
<li><a href="usercp.php?action=editsig" original-title=""><i class="fa fa-pencil" original-title=""></i>Changer la signature</a></li>
<!-- end: usercp_nav_editsignature -->
      <li><a href="usercp.php?action=options" original-title=""><i class="fa fa-wrench" original-title=""></i>Éditer les options</a></li>
    </ul>

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
.dropdown-menu {
    position: absolute;
    top: 100%;
    left: 0;
    z-index: 1000;
    display: none;
    float: left;
    min-width: 160px;
    padding: 5px 0;
    margin: 2px 0 0;
    font-size: 14px;
    text-align: left;
    list-style: none;
    background-color: #fff;
    -webkit-background-clip: padding-box;
    background-clip: padding-box;
    border: 1px solid #ccc;
    border: 1px solid rgba(0,0,0,.15);
    border-radius: 4px;
    -webkit-box-shadow: 0 6px 12px rgba(0,0,0,.175);
    box-shadow: 0 6px 12px rgba(0,0,0,.175);
}

Vous pouvez tester par vous même, le bug apparait aussi en haut du forum, en cliquant sur "FORUMS" un menu déroulant s'ouvre mais s'il est en dessous du logo "REBORN DM" cela provoque un bug et nous empeche de cliquer sur les liens : http://reborn-dm.com/

[SUNSHINE.]

Résolu. Un opacity qui faisait bugger le tout dans "navbar-default"

Je l'ai supprimer & j'ai appliquer le background-color identique à celui qu'on obtient avec l'opacité.

Merci à tous pour vos aides.