: Das Hover Css-Menü wird NUR bei iOS Safari geöffnet.

Question

Ich habe ein bizarres Problem. Auf einer der Seiten im Coding verwende ich css Hover-Befehle, um Pulldown-Menüs an Schaltflächen anzuhängen. Wie viele von Ihnen wissen, werden Hover-Befehle auf mobilen Geräten in Taps umgesetzt. Das Problem ist, dass ich, egal was ich mache, keine iOS-Safari bekomme, um einen Klick zu registrieren, wodurch das gesamte Dropdown-Menü NUR auf iOS-Safari nicht zugänglich ist. Es funktioniert in Chrome auf dem iPhone, und es funktioniert auf jedem Desktop-Browser. Irgendwelche Ideen?

Das ist mein CSS:

/* Reserve Pull Down */ 

.reserve { 
    font-size: 30px; 
    color: white; 
    position: relative; 
    display: inline-block; 
    cursor: pointer; 
    margin: 30px; 
} 

.reservetitle{ 
    color: white; 
} 

.reservedropdown { 
    display: none; 
    position: absolute; 
    background-color: white; 
    box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2); 
    z-index: 1; 
    color: black; 
    padding: 12px 16px; 
    text-decoration: none; 
} 

.reserve:hover .reservedropdown { 
    display: block; 
} 

.reserve.active .reservedropdown { 
    display: block; 
} 

/* Reserve Pull-Down-End */

Und das ist mein html ....

<div class="reserve"> 
     <a class="reservetitle">Reserve</a> 
      <div class="reservedropdown"> 
       <a class="dropdowntext" href="reserve/index.html">By Location</a> 
       <div class="dropdowngap"></div> 
       <a class="dropdowntext" href="tel:+13014333005">Call Now</a> 
      </div> 
     </div> 

Irgendwelche Ideen? Es fällt mir schwer, es herauszufinden. Ich habe versucht ": aktiv", ": Fokus". und natürlich ": hover". Kann nicht alles auf iOS Safari arbeiten. Jede Hilfe wäre willkommen. Prost! -Julian

Answer 1

Ich konnte es erhalten, indem Tweaking Ihre HMTL leicht

http://codepen.io/bjornmeansbear/pen/wGdzMg

ich einfach sorgte dafür arbeiten, dass die <a class="reservetitle">Reserve</a> eine href="" ... <a href="#" class="reservetitle">Reserve</a>

sicher Der Browser hatte sieht Es ist ein Link, auf den du klicken würdest, und alles funktioniert dann gut.