gpt4 book ai didi

ipad - 是否可以强制忽略:hover pseudoclass for iPhone/iPad users?

转载 作者:行者123 更新时间:2023-12-03 18:08:28 30 4
gpt4 key购买 nike

我的网站上有一些 css 菜单,可以使用 :hover 扩展(没有 js)

这在 iDevices 上以半损坏的方式工作,例如点击将激活 :hover 规则并展开菜单,但点击其他地方不会删除 :hover 。此外,如果元素内有一个被 :hover 编辑的链接,您必须点击两次才能激活该链接(第一次点击触发 :hover,第二次点击触发链接)。

通过绑定(bind) touchstart 事件,我已经能够在 iPhone 上正常运行。

问题是,有时移动 safari 仍然选择从我的 touchstart 事件的 css 而不是触发 :hover 规则!

我知道这是问题所在,因为当我在 css 中手动禁用所有 :hover 规则时,移动 safari 工作得很好(但常规浏览器显然不再这样了)。

当用户在移动 Safari 上时,是否有办法动态“取消”某些元素的 :hover 规则?

在此处查看并比较 iOS 行为:http://jsfiddle.net/74s35/3/注意:只有某些 css 属性会触发双击行为,例如显示:无;但不是背景:红色;或文本装饰:下划线;

最佳答案

我发现“:hover”在 iPhone/iPad Safari 中是不可预测的。有时点击元素会使该元素“:hover”,而有时它会漂移到其他元素。

目前,我只在 body 上了一门“无接触”类(class)。

<body class="yui3-skin-sam no-touch">
...
</body>

并将所有 CSS 规则中的“:hover”置于“.no-touch”下方:

.no-touch my:hover{
color: red;
}

在页面的某个地方,我有 javascript 从正文中删除 no-touch 类。

if ('ontouchstart' in document) {
Y.one('body').removeClass('no-touch');
}

这看起来并不完美,但无论如何它都能工作。

关于ipad - 是否可以强制忽略:hover pseudoclass for iPhone/iPad users?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/2741816/

30 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com