首页 文章
  • 1 votes
     answers
     views

    QML:ScrollView和MouseAreas:在滚动条上未检测到'mouse hover'

    我有一个QML应用程序,需要在按下按钮时打开一个对话框 . 当鼠标离开对话框时,必须关闭对话框(没有单击,所以我认为不能使用'弹出'控件) . 为此,当鼠标悬停在我的一个MouseAreas上时,我使用MouseAreas并进行控制 . 我解决了一些问题(参见QML: Problems with mousearea overlapping),但现在我发现了ScrollView的另一个问题(该对话框...
  • 118 votes
     answers
     views

    如何防止触摸设备上按钮的粘滞悬停效果

    我创建了一个带有前一个和下一个按钮的旋转木马,它们始终可见 . 这些按钮具有悬停状态,它们变为蓝色 . 在触控设备(如iPad)上,悬停状态是粘性的,因此按下按钮后按钮会保持蓝色 . 我不希望这样 . 我可以为每个按钮添加 no-hover 类 ontouchend ,并使我的CSS像这样: button:not(.no-hover):hover { background-color: blu...
  • 0 votes
     answers
     views

    导航链接背景在悬停时淡出

    我正在一个小型网站上作为我的Web开发类的决赛 . 目前,我正在尝试配置随机背景图像淡入的导航链接,同时用鼠标将鼠标悬停在它们上面 . 我将有一个包含十几个图像的文件夹 . 我一直在努力使这个解决方案适应我想要做的事情: https://sonspring.com/journal/easy-random-css-backgrounds 可以在此处找到链接到 nav ul a:hover 选择器的p...
  • 1 votes
     answers
     views

    a:悬停模糊效果(使用文字阴影)除了悬停链接外的一切?

    我已经看到了一些响应,但很难将其合并到我的代码中 . 所以此刻,悬停上的字母会变得模糊,但是我怎么能这样才能将其他字母模糊不清,而悬停的字母仍然是焦点? 沿着这些路线...... https://css-tricks.com/hover-on-everything-but/ 这是我的代码.. // append textshadow class to HTML node if supported ...
  • 0 votes
     answers
     views

    应用:悬停到多个#id [暂停]

    如何将a:hover属性应用于多个html元素的ID(所有不同于我悬停的那个)?用英语表示,我的程序看起来像是:“如果我在#item1上空盘旋,请隐藏#item2和#item3以及#item4 . ” (那么我可以继续说道“如果我在#item2上空盘旋,请隐藏#item1和#item5”等) 所以对于像这样的CSS: #generalID #item1:hover+#item2 { visibi...
  • 333 votes
     answers
     views

    div悬停时如何影响其他元素

    我认为这是一个非常基本的问题,但我不确定如何做到这一点 . 我想要做的是当某个 div 被徘徊时,它会影响另一个 div 的属性 . 例如,在this simple example中,当您将鼠标悬停在 #cube 上时,它会更改 background-color ,但我想要的是当我将鼠标悬停在 #container 上时, #cube 会受到影响 . div { outline: 1px so...
  • -3 votes
     answers
     views

    CSS六边形网格 - 改变悬停动画

    所以我找到了一个带有图像的六边形响应网格的资源 . 有谁知道如何在同一编码中更改悬停动画?我正在尝试将其更改为简单的水平平铺翻转悬停动画,而不会尽可能地更改现有代码,谢谢! 我的存储库:https://github.com/MargauxShraiman/bellashraiman/原创网站:https://github.com/web-tiki/responsive-grid-of-hexago...
  • 7 votes
     answers
     views

    使用CSS级联<li> - 悬停效果[复制]

    这个问题在这里已有答案: How to hover only the current li in nested ul? 4个答案 我有一个简单的HTML无序列表 . &lt;ul&gt; &lt;li&gt;Item 1&lt;/li&gt; &lt;li&gt; Group 1 &lt;ul&gt; &lt;li&gt;...
  • 8 votes
     answers
     views

    Css悬停,父母和孩子

    假设我有以下代码: &lt;div class=&quot;wrapper&quot;&gt; &lt;div class=&quot;title&quot;&gt;&lt;/div&gt; &lt;div&gt;&lt;/div&gt; &lt;/div&gt; &lt;div class=&quot;wrapper&quot;&gt; &lt;div class=&quot;title&qu...
  • 0 votes
     answers
     views

    悬停显示下拉菜单但不停留?

    我的Navbar有下拉菜单,在下拉菜单显示时完美悬停,但是无法单击菜单上的项目,只要您从主导航中移动光标它就会消失,我尝试添加display:block,z -index ...但问题尚未解决 CSS #ime-nav { position: fixed; width: 100%; z-index: 10000; background:#FF9900; } #ime-nav ul { ...
  • 2 votes
     answers
     views

    Chrome中锚点指针状态的偶然失败

    决定关闭: 我已决定关闭此问题,因为它表示目前无法通过较新版本的Google Chrome观察到的行为,并且不再是需要缓解的问题 . 问题: 很长一段时间以来,我一直注意到当鼠标悬停在Chrome中的锚元素上时,光标将保持默认(箭头)状态,而不是切换到指针(手)状态 . 我在Safari中查看网站时没有观察到这种行为,所以我不确定这是一个webkit问题 . 问题: 是什么导致了这个?解决方法...
  • 2 votes
     answers
     views

    我怎么能强制悬停状态?

    我有一个文本按钮,其中包含:悬停颜色更改 . 单击该按钮可缩小其所在的div,从而将按钮从单击它的鼠标光标下移出 . 这样做会使按钮处于:悬停状态,因此它不会更改回非悬停颜色 . 有什么方法可以强制按钮退出悬停状态(因为我知道在那一刻肯定不会徘徊)? jsfiddle示例:http://jsfiddle.net/forgetcolor/vYjMv/6/ p.s . :我知道在那个jsfiddle例...
  • 2 votes
     answers
     views

    悬停效果div位置和边框

    当我将鼠标悬停在div上时,我想改变div上的几个东西 . 我想让盒子阴影更大,并且将div稍微向上移动到左边,同时不影响围绕这个div的其他div . 到目前为止,这是我的代码 . #divshadow { box-shadow: 2px 2px 10px #888; -moz-box-shadow: 2px 2px 10px #888; -webkit-box-shad...
  • 70 votes
     answers
     views

    如何调试CSS / Javascript悬停问题

    我经常发现自己想要调试CSS布局问题,这些问题涉及由Javascript引起的DOM更改,以响应悬停事件或由于:hover选择器而应用的不同CSS规则 . 通常情况下,我会使用Firebug检查那些给我带来麻烦的元素,看看它的CSS属性是什么,以及这些属性的来源 . 但是,当涉及悬停时,它变得不可能,因为只要将鼠标移动到Firebug面板,您感兴趣的元素就不再悬停,适用的CSS规则也不同,(在这种...
  • -1 votes
     answers
     views

    HTML href - 悬停不系统[重复]

    这个问题在这里已有答案: Unexpected CSS result using IE8 with styling links 3个答案 我用html href属性观察到一个奇怪的行为: 尽管为此定义了CSS选择器,但是当光标悬停时,我的一些链接会被注释为彩色 . 当我插入http链接时,左下角的我的浏览器预览(Mozilla Firefox)每次都在https中 . 我知道它看起来很奇怪而且...
  • 777 votes
     answers
     views

    请参阅:Chrome开发者工具中的悬停状态

    我想看一个锚的 :hover 样式我是一个样式下拉列表,它允许我为一个元素选择不同的状态 . 我似乎无法在Chrome中找到类似内容 . 我错过了什么吗?
  • 123 votes
     answers
     views

    链接悬停的淡化效果?

    在许多网站上,例如http://www.clearleft.com,您会注意到当链接悬停时,它们将淡入不同的颜色,而不是立即切换,即默认操作 . 我假设JavaScript用于创建此效果,有谁知道如何?
  • 183 votes
     answers
     views

    添加没有javascript的悬停文本,就像我们将鼠标悬停在用户的声誉上一样

    在stackoverflow中,当我们将鼠标悬停在用户的声誉上时,我们会看到一个文本 . 我在很多地方看过这个,源代码告诉我它可以在没有js的情况下完成 . 我试过并且只得到了这个 - &lt;div=&quot;text&quot;&gt;hover me&lt;/div&gt;
  • 3 votes
     answers
     views

    使用CSS,如何根据我悬停的单元格更改表格行的背景颜色?

    我的网页上有以下代码 . 它迭代列表,创建新单元格,并根据标准将css类分配给新的表格单元格(假设类.raw被分配给某些单元格): &lt;tr class=&quot;${(i % 2) == 0 ? 'odd' : 'even'}&quot;&gt; &lt;g:each in=&quot;${params.classProperties}&quot; status=&quot;cn...
  • 1 votes
     answers
     views

    试图让表格行悬停背景颜色与斑马条纹行一起工作

    我愿意为IE8做最好的方法 我想为我的 table 交替行颜色( #fff , #efefef )并且还有一个悬停效果,所以背景变为 #D2DEE8 . 我想在CSS中使用 :hover 和 :nth-child(odd) ,但我发现这些方法不适用于IE8 . 我正在使用jQuery进行悬停,但是当我悬停然后离开那一行时,它会消除交替的颜色(目前我正在使用nth-child(奇数)创建) . $...
  • 1 votes
     answers
     views

    将鼠标悬停在表格中的某一行上时,更改输入框的背景颜色?

    编辑:将输入的背景更改为透明修复问题 . 我有一个表,需要将行中输入框的背景颜色更改为与行相同的颜色 . 当我将鼠标悬停在该行上时,它会变为浅蓝色但输入框保持白色,除非您将鼠标悬停在输入框上方 . 如果将鼠标悬停在输入框上,颜色会发生变化,但如果将鼠标悬停在行的任何部分上,我也需要更改颜色 . 任何帮助表示赞赏 . .rowTable是所有行的类 HTML: &lt;td class=&quot;...
  • 0 votes
     answers
     views

    React onMouseEnter / onMouseLeave用于悬停在 Map 中

    我正在为一个学校项目的约会网站工作,但我被困住了,不知道我是否正确的方式 . 在用户配置文件中,我想要一个用户选择显示的照片列表,我希望将鼠标悬停在指针所在的照片上 . 在我的状态中,我添加了一个 listPhotoHover: [ ] ,一个包含变量true或false的选项卡 . listPhotoHover[0] = true 表示列表的第一张照片有悬停,false表示没有悬停 . 我为...
  • -1 votes
     answers
     views

    div上的图像 . 不能悬停在下面的按钮

    我遇到了这个问题 . 我有一个图像,需要在div上的这个位置 . 图像的叶子需要越过div,但图像宽度太远并阻挡其他东西 . 就我而言,它会阻止&quot;contact us&quot;按钮悬停 . 如何在不从此设置位置移动图像的情况下解决此问题 . 我尝试过z-index,但这不起作用 . 我想保持它的方式,但具有悬停的能力 . 请帮忙 . 我会附上一张图片和一张FIDDLE:http://j...
  • 0 votes
     answers
     views

    CSS:在悬停状态下重新定位元素但保持可点击区域位置

    我正在尝试创建一个按钮的效果,该按钮在翻转时从页面“抬起” . 使用CSS,我有一个块样式 &lt;a&gt; 元素,当它悬停时,将自己重新定位到左 5px ,并留下阴影: a { display: inline-block; position: relative; } a:hover { top: -5px; left: -5px; box-shadow...
  • 110 votes
     answers
     views

    禁用移动浏览器上的悬停效果

    我'm writing a Web site that' s意味着可以从台式机和平板电脑使用 . 当从桌面访问它时,我希望屏幕的可点击区域以 :hover 效果(不同的背景颜色等)点亮 . 对于平板电脑,'s no mouse, so I don't需要任何悬停效果 . 问题是,当我在平板电脑上点击一些东西时,浏览器显然有某种“隐形鼠标光标”,它移动到我点击的位置,然后将其留在那里 - 所以我刚刚...
  • 0 votes
     answers
     views

    悬停/翻转文本淡出效果

    我想知道如何创建这种效果: http://www.thesartorialist.com/category/men/ (当该网站悬停在图像上时 - 链接/阳离子从侧面滑入,您“输入”照片) . 我想知道的是背景和链接栏如何淡入,然后它如何知道图像的哪一面是你输入的那一面? 我可以看到有夸张的CSS,它会带来黑色渐变图像叠加但不是更多 . 提前谢谢了.. 亚历克斯
  • 3 votes
     answers
     views

    为plotly热图自定义悬停文本

    我有 matrix (来自几个条件的基因表达): set.seed(1) mat &lt;- matrix(rnorm(50*10),nrow=50,ncol=10,dimnames=list(paste(&quot;C&quot;,1:50,sep=&quot;.&quot;),paste(&quot;G&quot;,1:10,sep=&quot;.&quot;))) 我希望在 R 中使用 p...
  • 0 votes
     answers
     views

    IE9 - 位置:相对;悬停问题

    我有点难以解释所以我在这里提供了一个有效的例子:http://jsfiddle.net/CVPhW/2/我尽可能地剥离了它但是我把所有包含 div 的内容留在那里以防它们在某种程度上相关 . 尝试将光标悬停在每个按钮的最底部,除非您将光标向上移动10个像素,否则您将看到悬停不会激活 . 它在FF,Chrome中运行良好,不管你信不信,甚至IE6 . 这与应用于 #menucontainer ul ...
  • 0 votes
     answers
     views

    Bootstrap Tabs悬停修改

    我修改了引导选项卡以便在悬停时工作,并进行了一些更改以正确隐藏内容选项卡 . 我希望它作为动态弹出/弹出层运行 . 现在的问题是,当您将鼠标悬停在菜单上时,它不会悬停在任何内容上 . 当我将鼠标悬停在相应的标签上或内容本身上时,我希望它可见 . 我快速更改原始脚本的问题是,当您将Tab保留在左侧(第一个菜单项)或右侧(第三个菜单项)时,它仍会显示内容 . 它在以下jsFiddle中说明: http...
  • 0 votes
     answers
     views

    带有悬停的Bootstrap标签弹出菜单

    我试图创建一个Flyout菜单,其中第二级是用户可以做的东西 . 将其视为产品页面 . 您有3个产品,弹出窗口显示产品的功能和信息 . 在底部可能有一个DownloadNow-Button或其他东西 . 因此,当悬停在相应的标签按钮或弹出按钮本身时,必须显示弹出按钮 . 它应该在任何其他时间自动隐藏 . 必须使用Bootstrap-Tab插件完成 . 粗糙的jsFiddle:http://jsfi...

热门问题