Tuhaf bir sorun yaşıyorum. Im kodlama sitelerden birinde, düğmeleri aşağı çekme menüler eklemek için css hover komutları kullanın. Çoğunuzun bildiği gibi, mobil cihazlarda, vurgulu komutlar musluklara çevrilir. Sorun şu: Yaptığım her şeyde, iOS Safari'nin bir tıklama kaydı yapamaması ve tüm menüyü SADECE iOS safari'de erişilememesi. Iphone'da kromda çalışır ve her masaüstü tarayıcısında çalışır. Herhangi bir fikir?: Hover Css Menu, SADECE iOS Safari'de açılmıyor.
Bu Benim 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;
}
/* Rezerv çekin Aşağı Bitiş */
Ve bu benim 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>
Herhangi bir fikir? Bunu anlamak için çok zor bir zaman geçiriyorum. Ive çalıştı: "etkin", ": odak". ve tabi ki, ": vurgulu". IOS safari üzerinde çalışmak için bir şey elde edemezsiniz. Herhangi bir yardım takdir edilecektir. Şerefe! -Julian