• Najnowsze pytania
  • Bez odpowiedzi
  • Zadaj pytanie
  • Kategorie
  • Tagi
  • Zdobyte punkty
  • Ekipa ninja
  • IRC
  • FAQ
  • Regulamin
  • Książki warte uwagi

Dlaczego to nie działa na firefoxie? JS CSS

Object Storage Arubacloud
0 głosów
212 wizyt
pytanie zadane 1 kwietnia 2017 w HTML i CSS przez Vorex444 Dyskutant (9,610 p.)

czesc stworzyłem pewne menu rozwijane, na google chrome ładnie śmiga zaś na firefoxie juz nie chce dzialac

kodzik: 

<script type="text/javascript">
$(document).ready(function(){
    $('#open-menu').click(function()
    {$('.menu-is-open').toggle('3000')})})

</script>  

CSS:

.button-menu
{
    position: absolute;
    top: 25px; 
    right: 35px;
    border: none;
    background-color: transparent;
    outline: none;
    cursor: pointer;
}

.menu-is-open
{
    display: none;
    position: absolute;
    top: 60px;
    right:-25px;
    box-sizing: border-box;
    z-index: 9998;
}

.menu-is-open a
{
    margin-bottom: 20px;
    display: block;
    text-decoration: none;
    color: #000000;     
    transition: 0.2s;
    cursor: pointer;
    font-family: 'Josefin Sans', sans-serif; 
    z-index: 9997;
}

.menu-is-open a:hover
{
    color:#fff6f6;
}

HTML: 

<button type="button" class="button-menu">
<img id="open-menu" src="img/hamburger-icon2.png" alt="MENU"/>
    <div class="menu-is-open">
    <a href="#"><img src="img/user-icon.png" alt="user-icon"/> MOJE_KONTO</a> 
    <a href="#"><img src="img/logout-icon.png" alt="logout-icon"/>WYLOGUJ_SIĘ</a> 
    </div>
</button>
</header>

Pomocy :D 

1 odpowiedź

0 głosów
odpowiedź 5 kwietnia 2017 przez tojatos Początkujący (440 p.)
wybrane 6 kwietnia 2017 przez Vorex444
 
Najlepsza
Powinieneś przypisać #open-menu do buttona, a nie do zdjęcia - w różnych przeglądarkach odrobinę różnie działa pozycjonowanie elementów względem siebie, a że button jest nadrzędny to zawsze powinien być na wierzchu ;)
komentarz 6 kwietnia 2017 przez Vorex444 Dyskutant (9,610 p.)
Dzieki wielkie ;)

Podobne pytania

0 głosów
0 odpowiedzi 252 wizyt
0 głosów
1 odpowiedź 142 wizyt
–1 głos
1 odpowiedź 142 wizyt
pytanie zadane 8 marca 2017 w JavaScript przez Vorex444 Dyskutant (9,610 p.)

92,753 zapytań

141,671 odpowiedzi

320,385 komentarzy

62,100 pasjonatów

Motyw:

Akcja Pajacyk

Pajacyk od wielu lat dożywia dzieci. Pomóż klikając w zielony brzuszek na stronie. Dziękujemy! ♡

Oto polecana książka warta uwagi.
Pełną listę książek znajdziesz tutaj.

Akademia Sekuraka

Niedawno wystartował dodruk tej świetnej, rozchwytywanej książki (około 940 stron). Mamy dla Was kod: pasja (wpiszcie go w koszyku), dzięki któremu otrzymujemy 10% zniżki - dziękujemy zaprzyjaźnionej ekipie Sekuraka za taki bonus dla Pasjonatów! Książka to pierwszy tom z serii o ITsec, który łagodnie wprowadzi w świat bezpieczeństwa IT każdą osobę - warto, polecamy!

...