cuốn sách gpt4 ai đã làm

ios - CSS 菜单在 iPad 上的 iOS 中导致问题

In lại Tác giả: Walker 123 更新时间:2023-11-28 12:54:51 28 4
mua khóa gpt4 Nike

我的菜单不想在 ipad 上工作,最初我认为这是将过渡属性设置为全部 - 它现在处于不透明度状态并且没有任何区别。问题是如果父 li 是文本分隔符,子菜单项不会在 ipad 上下拉。如果父 li 是一个链接,它就可以正常工作。这很奇怪,因为下拉事件发生在 li 标签而不是 a 标签的悬停上。有人有什么建议吗?

CSS:

#nav, #nav a {
color: #451803;
font-family: 'stbreock';
cỡ chữ: 24px;
text-shadow: 0 1px 1px #EBD8B3;
}
#nav a:hover {
text-shadow: 0 1px 1px #4D4D4D;
}

#nav ul ul {
chỉ số z:100;
độ mờ: 0;
khả năng hiển thị: ẩn;
transition: opacity .5s ease-in;
-o-transition: opacity .5s ease-in;
-ms-transition: opacity .5s ease-in;
-moz-transition: opacity .5s ease-in;
-webkit-transition: opacity .5s ease-in;
trái: 0;
}

#nav ul li:hover > ul {
chỉ số z:100;
khả năng hiển thị: có thể nhìn thấy;
độ mờ: 1;
}

#navul {
padding: 0 15px;
kiểu danh sách: không có;
vị trí: tương đối;
display: inline-table;
}
#nav ul:after {
content: ""; clear: both; display: block;
}
#navulli{
nổi: trái;
vị trí: tương đối;

}
#nav ul li:hover {

}
#nav ul li:hover a {
color: #451803;
}

#nav ul li{
display: block; padding: 10px;
color: #451803; text-decoration: none;
}

#nav ul ul {
phần đệm: 0;
vị trí: tuyệt đối;
top: 100%;
}
#nav ul ul li {
float: none;
vị trí: tương đối;
background-color: rgba(227, 200, 147, 0.9);
border-top: 1px solid #B07D37;
width:120px;
}
#nav ul ul li a {
color: #451803;
}

#nav ul ul li:first-child {
border-top-left-radius: 5px;
border-top-right-radius: 5px;
}

#nav ul ul li:last-child {
border-bottom-left-radius: 5px;
border-bottom-right-radius: 5px;
}
#nav ul ul li a:hover {

}
#nav ul ul ul {
position: absolute; left: 100%; top:0;
}

HTML:

câu trả lời hay nhất

在不添加 JavaScript 库的情况下,有一个小技巧可以让 hover 始终在 iOS 上工作。您只需要在悬停元素内放置一些默认状态 đặt thànhdisplay: none 的东西,并在悬停时使其可见。这将 iOS 强制运行 hover.

关于ios - CSS 菜单在 iPad 上的 iOS 中导致问题,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/16606952/

28 4 0
Xem sitemap của VNExpress