CSS-only menu werkt, maar ook weer niet. - Softwareontwikkeling

Vraag

maandag 31 mei 2021 19:40

Acties:

0 Henk 'm!

roger_01

Topicstarter

Hoi,

Ik heb het volgende CSS-only trekmenu gemaakt:

code:

<style>
.show
    { display: none;
}

.hide:focus + .show
    {display: block;
}

.hide:focus
    {display: none;
}

#rhhc
    {display: none;
}

.hide:focus ~ #rhhc
    {display: block;
}
</style>

code:

<body>
<a href="#" class="hide">menu</a><a href="#" class="show">menu</A>

<div id="rhhc">Onderwerpen</div>
</body>

Werkt prima in Firefox en Explorer voor Windows 10, maar niet in Edge. Iemand enig idee waarom? En hoe dat op te lossen?

Dank, Roger.

Alle reacties

maandag 31 mei 2021 19:46

Acties:

0 Henk 'm!

RobIII

Admin Devschuur®

^ Romeinse Ⅲ ja!

Webdevelopment

Hoi en welkom op GoT

Zoals je in onze Quickstart kunt lezen verwachten we hier wel iets meer info in een topicstart. Open gerust een nieuw topic, je bent van harte welkom, maar hou dan wel even voorgenoemde quickstart in je achterhoofd als je je nieuwe topic typt.

[ Voor 12% gewijzigd door RobIII op 31-05-2021 19:46 ]

There are only two hard problems in distributed systems: 2. Exactly-once delivery 1. Guaranteed order of messages 2. Exactly-once delivery.

Je eigen tweaker.me redirect

Over mij

Dit topic is gesloten.