将悬停效果激活到智能手机&平板电脑

时间:2015-06-22 16:35:25

标签: twitter-bootstrap hover effect

我正在创建一个网站,我在主页中使用悬停效果来显示部分名称。但是当我重新调整屏幕大小以查看小设备视图时,悬停效果显然不起作用。如何激活此效果?如果可能的话,使用CSS @media。感谢。

这是代码。 http://www.bootply.com/bo9bKZUPSE

1 个答案:

答案 0 :(得分:0)

在移动设备上,您无法应用悬停效果,使用:active 元素不是作为类,而是作为伪元素到您的< / p>

:有效 - 选择正在激活的链接(单击或以其他方式激活)。

&安培;

:悬停 - 当鼠标光标滚过链接时,该链接处于悬停状态,这将选择它。 < / p>

由于手机上无法使用光标,因此无法使用:hover