我想定义一个与ipad & co匹配的媒体查询。使用 @media (hover: hover) .. applies to desktop
} 我可以定义一个适用于桌面浏览器的媒体查询(粗略地说)。然而，我想定义相反的情况，媒体查询适用于hover = false的
浏览 25提问于2021-08-19得票数 0
您能否检测到用户是在从启用触摸的设备上查看您的网站，还是在使用鼠标？对于上下文:我有一些带有额外元素的按钮。我希望在默认情况下，在从电话或平板电脑查看时显示该元素，在从膝上型计算机/台式机查看时，在悬停状态下显示该元素。
这有可能吗？
浏览 3提问于2021-06-14得票数 1
回答已采纳
7回答
支持悬停的设备的媒体查询
、、、、
我想为支持悬停的浏览器(例如桌面浏览器)和不支持的浏览器(例如触摸屏设备)提供单独的行为。具体来说，我想在支持它的浏览器上声明一个悬停状态，但对于不支持它的浏览器，这样可以避免移动浏览器通过额外的点击来模仿它，因为这样会破坏页面上的其他交互--不为这些浏览器定义一个悬停状态，这是避免的。我可以做这样的事情：
@media (hover: none
浏览 9提问于2016-11-10得票数 58
回答已采纳
3回答
听起来是个简单的问题，但解决起来却很有挑战性。对于一些网站，我有内容，只有当用户悬停/聚焦链接显示。然而，链接本身有一个目标。这就是为什么没有鼠标(或另一个设备，像神奇的遥控器一样)的用户应该看到替代的内容。但我怎么能察觉到呢？ $(this).clone().appendTo(
浏览 0提问于2018-10-10得票数 7
回答已采纳
1回答
当我转到不同的视图时，比如1024X768，那么鼠标悬停就相当于点击。但它在正常笔记本大小的窗口中工作正常。当我将鼠标悬停在链接上时，它会将颜色更改为蓝色，但在小尺寸屏幕中，它不会在悬停时更改颜色，它会在单击时更改颜色<div class="account-wrapper"> .icon-interface-question-mark { cur
浏览 0提问于2018-08-03得票数 0
1回答
我有一个简单的“返回到顶部”按钮，它固定在左下角，当用户滚动过某个点时，该按钮会逐渐消失，当用户单击按钮或滚动回顶部时会隐藏。那部分运作得很好。然而，在手机上，如果我点击按钮，它不仅会激活悬停伪类和工具提示，而且即使在滚动回顶部之后，它实际上仍然处于这种状态。我想我需要添加一些额外的代码来覆盖触摸功能，但这是我不知道的部分。下面是指向我的站点上使用按钮的投资组合页面的链接：
var $btt = $('.back_to_top');
浏览 3提问于2017-06-14得票数 0
回答已采纳
2回答
纯css :仅用鼠标悬停
、、、
触摸屏上的:hover可能是一个可访问性问题(下拉列表)，或者只是将设计元素弄糟(按下按钮改变颜色，而不是由于虚拟悬停而恢复)。所以，我决定，当一个元素被触摸时，当它与鼠标在一起时，我会有不同的行为。这很容易用Javascript和利用mousein和mouseout事件来实现，并在适当的地方添加一个hover类。这方面有两个主要问题：
它是基于Javascript的，它有很多含义。不过，我不认为不具有悬停功能是一个可访问性问题，因为有一个指针光标
浏览 6提问于2015-02-04得票数 1
我想使用纯css为不支持悬停的设备提供不同的行为。这在iOS和Google设备上是很容易实现的：}我希望在一个支持悬停(像桌面)的设备上，所有的绿色都是绿色的，而在一个不支持悬停</e
浏览 1提问于2020-03-04得票数 7
2回答
在点击iOS中的表单按钮后，我面临CSS悬停样式粘贴的问题。Form有一些输入字段，submit按钮在焦点和悬停状态下定义了类。问题是当窗体有任何无效的选择并单击提交按钮时。在移动设备中，提交按钮的焦点被锁定，焦点和悬停状态中定义的样式被应用。这可以使用铬响应模式检查，并选择iphone6作为设备。在桌面上，这个问题不会发生；点击前后的按钮样式是一样的，但是在移动
浏览 3提问于2017-11-27得票数 8
回答已采纳
5回答
iPad CSS悬停问题
、、、、
我有一个带有5个子链接的页面，现在在我的CSS中有类"searchBySub“，我已经定义了正常的，悬停状态以及点击的类，所以我们有#leftNav .searchBySubClicked {...}我的问题是，当这5个子链接中的任何一个在iPad上被点击时，它就会进入悬停状态。那么，有没有<
浏览 0提问于2011-07-27得票数 2
回答已采纳
我想删除触摸设备上的悬停效果。我知道使用hover类来实现悬停效果比使用hover伪类更好，因为以后删除它更容易，但由于我已经编写了我的站点代码，现在不能全部更改，但我找到了一个针对所有的好解决方案:在CSS中悬停伪类，并将它们替换为:active伪类可以很好地完成我想要完成的任务，但是我在使用JS代码时遇到了一些困难。可能有一些错误，但我找不到。
sheet.cssRules[
浏览 1提问于2020-04-02得票数 0
background-color: red; width: 30px; position: relative; left: 80px; background-color: yellow;测试：
点击Safari (iPho
浏览 0提问于2018-10-29得票数 2
4回答
我有一个侧边栏，当使用移动设备在侧边栏上滚动时，我希望只有滚动是可能的，而不是悬停。根据我之前看到的答案，我采用了这种方法(一个只有CSS的解决方案！)： ul li:hover .check {}
/*default hover class on list
浏览 0提问于2019-10-07得票数 2
1回答
我有5个css类的不同类型的颜色在一个悬停功能的按钮，在我的页面可能有5个不同的类按钮。当我悬停每个按钮时，颜色应该根据各自的类名进行设置，到目前为止，它对我来说工作得很好。但现在我可以看到巨大的代码，我想让它变得更小。请推荐任何人。== false) { $(this).addClass('but
浏览 0提问于2018-07-04得票数 0
11回答
有没有办法与:hover 相反，只使用 CSS？如下所示:如果:hover为on Mouse Enter，是否存在与on Mouse Leave等效的CSS我有一个使用列表项的HTML菜单。当我将鼠标悬停在其中一个项目上时，会出现从#999到black的CSS颜色动画。当鼠标离开项目区域时，如何使用从black到#999的</e
浏览 198提问于2012-06-12得票数 132
回答已采纳
3回答
我有一个滚动的div，我使用CSS来显示/隐藏滚动条，这取决于用户是否悬停在div上。无悬停=无滚动条。div.mouseScroll {}
overflow-y: scroll;非常简单，除了一个问题当用户将鼠标悬停在div上时，它会显示滚动条，但同时也会稍微调整div内容的大小以适应滚动条。<e
浏览 2提问于2012-10-10得票数 3
回答已采纳
3回答
所以我正在用移动第一的方法制作一个网站。现在我的问题是:如何更改文本/图像等(而不是字体大小)？因此，当你在手机上打开网站时，它会显示一个文本，例如:你好，当你在笔记本电脑上/pc上时，它会显示一个不同的文本，比如:祝你一天愉快，图像/按钮也一样。我知道@media屏幕和(最小宽度)，但是如何在不需要时不显示文本的情况下将其添加到html中呢？
浏览 1提问于2021-01-25得票数 1
回答已采纳
我正在工作的移动网站的PSD样机有640px宽。另一个是该网站的平板电脑版本，大小为768px。我只能使用max-width在我的网页浏览器中测试这个网站，但现在是时候让这个网站在设备上工作了，它仍然呈现常规的全尺寸网页。上面的两个问题是我最好的猜测。我哪里错了？
浏览 4提问于2012-09-18得票数 48
2回答
触摸设备HTML元素:悬停状态
、、、、
有一个HTML按钮，有3个背景--每个背景分别代表正常、悬停和单击状态。当然，它在非触摸式设备上工作得很好。如果在触摸设备上单击按钮，:hover状态也会被触发，并一直保持到触摸另一个元素为止。有没有可能在元素被点击后以编程方式移除:hover状态，或者阻止它在触摸设备上被激活？
很抱歉，不接受检测mouseover和mouseout事件并添加人工类的建议。一种可能的解决方案是预先将"no
浏览 0提问于2011-04-15得票数 4
桌面：通过使用媒体查询，当在移动设备中查看网站时，我想重新设计导航。我现在的问题是，稍后在CSS文档中跟踪的媒体查询继承了上面的值，而实际上我只需要它们消失。我需要在导航下拉(因为iOS Safari不喜欢悬停<
浏览 2提问于2014-12-17得票数 2
回答已采纳
扫码
添加站长 进交流群
领取专属 10元无门槛券
手把手带您无忧上云
相关资讯
热门标签
云服务器
ICP备案
对象存储
腾讯会议
实时音视频活动推荐
腾讯云开发者
