手机上Css3 使用:hover作为点击效果,但是手机上点击后返回效果不取消怎么办

手机上Css3 使用:hover作为点击效果,但是手机上点击后返回效果不取消怎么办,第1张

机上跟电脑上不一样的,因为手机上是触摸 *** 作,这个应该不行。
建议最好用html5实现你说的悬浮效果,html5是跨平台的。
或者看下jquery mobile,是jQuery在手机上和平板设备上的版本。

准备的材料有:计算机、HTML编辑器、浏览器。

1、首先,打开HTML编辑器,创建一个新的HTML文件,比如indexHTML,并编写问题的基本代码。

2、在indexhtml中的<a>标签,输入js代码中的style属性中输入:hover{color: #0a6aa1}。

3、浏览器运行indexhtml页面,鼠标移动到div123。123的颜色会根据hover的定义而改变。

按照如上步骤即可解决问题。

定义和用法
:hover 伪类在鼠标移到元素上时向此元素添加特殊的样式。
说明
这个伪类应用处于“悬停状态”的元素。悬停定义为用户指示了一个元素但没有将其激活。对此最常见的例子是将鼠标指针移到 HTML 文档中一个超链接的边界范围内。理论上,其他元素也可以处于悬停状态,不过 CSS 没有定义究竟是哪些元素。
激活的、已访问的、未访问的或者当有鼠标悬停在其上的链接,它们会在支持 CSS 的浏览器中以不同的方式显示出来:
a:link {color: #FF0000} / 未访问的链接 /
a:visited {color: #00FF00} / 已访问的链接 /
a:hover {color: #FF00FF} / 当有鼠标悬停在链接上 /
a:active {color: #0000FF} / 被选择的链接 /
注释:为了产生预期的效果,在 CSS 定义中,a:hover 必须位于 a:link 和 a:visited 之后!!
注释:为了产生预期的效果,在 CSS 定义中,a:active 必须位于 a:hover 之后!!
注释:Pseudo-class(伪类)的名称对大小写不敏感。
注释:伪类可与 CSS 类配合使用:
ared:visited {color: #FF0000;}
<a class="red" href="css_syntaxasp">CSS Syntax</a>
如果上面这个例子中的链接已访问过,那么它会显示为红色。
PS:IE6中使用hover会有兼容性问题,推荐配合javascript使用


欢迎分享,转载请注明来源:内存溢出

原文地址: https://outofmemory.cn/yw/13407242.html

(0)
打赏 微信扫一扫 微信扫一扫 支付宝扫一扫 支付宝扫一扫
上一篇 2023-07-30
下一篇 2023-07-30

发表评论

登录后才能评论

评论列表(0条)

保存