当前位置: 首页 > 面试题库 >

CSS悬停功能是否可以在移动设备上使用?

万涵亮
2023-03-14
问题内容

CSS悬停功能是否可以在移动设备上使用?我有一个css悬停类,在常规的Web浏览器上可以正常工作,但在移动浏览器上却不能工作。


问题答案:

:hover伪类需要定点(图形输入)设备,能够区分动作的 指向选择/激活。
通常在带有触摸界面的移动设备上,您没有前者,只有后者。另外,某些笔界面仅允许激活,而不能指向。

:hover伪类适用,而用户指定的元件(有一些指示设备),但不将其激活。例如,当光标(鼠标指针)悬停在由元素生成的框上时,可视用户代理可以应用此伪类。不支持交互式媒体的用户代理不必支持此伪类。支持交互式媒体的某些合格用户代理可能不支持该伪类(例如,笔设备)。

— W3C:CSS 2.1:选择器,动态伪类

因此,回答您的问题:这取决于设备,但可能不取决于设备。而且不要依赖它。随着触摸屏设备的迅速流行,您将失去所有仅指向事件。



 类似资料:
  • 问题内容: 我的网页上有一张图片,该图片也需要链接。我正在使用图像映射来创建链接,并且我想知道是否存在一种方法可以将鼠标悬停时的区域形状设置为较小的交互性。这可能吗? 我尝试没有成功: html CSS 有什么建议么? 问题答案: CSS: 在去超市的路上考虑它,您当然也可以跳过整个图像地图的想法,并利用图像顶部的元素(将div更改为a块)。这使事情变得简单得多,不需要jQuery … 简短说明:

  • 问题内容: 如果用户通过触摸设备访问我们的网站,我想忽略所有CSS声明。因为CSS没有意义,而且如果平板电脑在单击/点击时触发CSS,则CSS甚至可能会受到干扰,因为它可能会一直停留直到元素失去焦点。老实说,我不知道为什么触摸设备首先感觉到需要触发-但这是现实,所以这个问题也是现实。 因此,在声明触摸设备后,如何(如何)可以立即删除/忽略所有CSS 声明(而不必知道每个CSS )? 问题答案: 如

  • 第一个问题是它只与Android StudioCanary X一起工作。 Android Studio 4.2 Beta 6 Jetpack Compose是一个预览功能,对Compose的支持仅包含在Android Studio的Canary版本中。要在应用程序项目中使用Compose,请下载并安装IDE的最新Canary版本。 null null null null 错误(发出/KT-4394

  • 问题内容: 介绍 我听说过一些有关用Java编写设备驱动程序的信息(听说是“用我的耳朵”,而不是通过互联网),我想知道…我一直认为设备驱动程序在操作系统级别上运行,因此必须以相同的语言编写作为操作系统(因此大多是CI假设) 问题 我通常会对此假设有误吗?(看起来是这样) OS中如何使用“外来”语言的驱动程序? 无论如何(从编程语言的角度)对设备驱动程序有什么要求? 谢谢阅读 问题答案: 有两种方法

  • 问题内容: 我可以使用retrolambda启用Android API级别<24的lambda。所以这有效 这也有效 但是这个不 最后一个适用于Android API Level 24,但此代码在其他设备上会导致崩溃 我没有使用Retrolambda而是尝试启用Java8。尽管前者已停止运行,但前两个代码示例仍然有效。据说这里支持https://developer.android.com/prev

  • 问题内容: 有时,我可以选择使用CSS元素:悬停或JavaScript onmouseover来控制页面上html元素的外观。考虑以下情况,其中div包装了输入 我希望输入将鼠标光标悬停在div上时更改背景色。CSS方法是 JavaScript方法是 每种方法的优点和缺点是什么?CSS方法是否适用于大多数Web浏览器?JavaScript比CSS慢吗? 问题答案: :hover的问题是IE6仅在链