CSS悬停效果和覆盖

文章/答案/技术大牛

发布

1回答

html、css

我有一张照片，上面有一个透明的覆盖物。如果我悬停在它上面，我希望背景中的图像变得模糊，覆盖变得不透明。由于这两个层都在彼此的顶部，所以当我悬停它时，只有覆盖图的不透明度会发生变化。

浏览 10提问于2017-07-18得票数 2

回答已采纳

1回答

缩聚半透明覆盖层

html、css、css-transitions、css-shapes

我想用存在于这个CSS3中的来创建这个效果。在这个页面中，有四个圆形图像有一个美丽和先进的效果。其效果是半透明覆盖在图像顶部，当图像在上悬停时移动/缩小。最初，图像是透明的(没有覆盖)，当悬停过渡完成时，图像得到半透明的覆盖。

浏览 3提问于2015-11-23得票数 2

回答已采纳

9回答

我可以通过JavaScript禁用CSS :hover效果吗？

javascript、jquery、css

我试图通过JavaScript阻止浏览器使用CSS的:hover效果。我在我的CSS中设置了a和a:hover样式，因为如果JS不可用，我想要一个悬停效果。但如果JS可用，我想用更平滑的效果覆盖我的CSS hover效果(例如使用jQuery颜色插件)。正如fudgey所提到的，一种解决办法是使用.css()重置悬停样式，但我必须覆盖在CSS中

浏览 127提问于2010-05-03得票数 103

回答已采纳

3回答

在css悬停效果上，无法对特定元素选择/应用效果？

html、css、hover、mouseover

我有一个带有div覆盖层的图像。div覆盖出现在悬停状态。同样的悬停，我想要一个动画效果。问题是，动画效果发生在图像和覆盖上，但我不希望动画效果发生在覆盖层上。此代码工作，但我无法防止动画发生在覆盖上。什么css代码将使动画效果只发生在图像上？因此，在下面的代码中，css正在处理容器映像，但它也发生在额外层的上。如何使它只在容器图像上工作？sr

浏览 7提问于2019-12-20得票数 0

2回答

奇怪的问题这个，我正在使用CSS3渐变来创建一个淡出的叠加效果(ala lightbox)。在IE9中，我注意到(由于我使用了filter: progid:DXImageTransform.Microsoft.gradient)我的覆盖层是不可点击的，并且没有阻止我在下面点击和悬停。不能将鼠标悬停在数字上以获得悬停效果。可以单击覆盖上的任意位置以将其关闭。 IE9 behaviour:点击数字。此时将出现模式窗口。可以将鼠标悬

浏览 0提问于2012-07-06得票数 1

回答已采纳

11回答

CSS禁用悬停效果

css、hover

我需要在整个DOM中的特定按钮(而不是所有按钮)上禁用鼠标悬停。请让我知道如何使用CSS类来实现它。 } 上面的类将负责删除鼠标悬停时的手势和文本下划线。现在我也想去掉悬停效果。请让我知道。

浏览 4提问于2014-11-05得票数 85

4回答

阅读:使用javascript悬停伪类

javascript、jquery、css

我做了一个覆盖页面上某些元素的:hover的函数。它在正常效果和:悬停效果之间淡入淡出。为此，我必须在我的CSS文件中创建一个.hover类。我觉得这有点不干净。如何读取:hover伪类内容？

浏览 5提问于2009-08-16得票数 3

回答已采纳

3回答

用于悬停效果的jQuery备忘css

jquery、css、undo、memoization

我想为一个元素创建一个悬停效果，但希望该元素的悬停前CSS与以前一样，当再次悬停时。因此，当再次悬停在元素之外时，我不想无意中覆盖先前的样式。换句话说，这是一种记录元素的css状态并在以后恢复该状态的简单方法。想法？

浏览 3提问于2012-05-06得票数 0

回答已采纳

2回答

如何在ajax加载时覆盖<tr>的CSS？

css

正如您从上面的小提琴中看到的，每个表的CSS上都有一个悬停。现在的问题是，从父表开始的悬停覆盖了第二个表。我试图阻止parent的表CSS应用于新行，如下所示： table.cb_table-hover tbody tr

浏览 0提问于2012-12-28得票数 0

回答已采纳

3回答

爬行文本的褪色效果

javascript、jquery

我需要在我的网页上实现爬升文本的褪色效果。示例:在这个例子中，在主页上我们看到，当我们将鼠标悬停在图像上，然后图像淡出，文本从顶部爬升。

浏览 1提问于2014-01-01得票数 0

回答已采纳

2回答

使用Bootstrap剪裁到父级的悬停效果

css、twitter-bootstrap、jcarousellite

我试图使用引导和我自己的css创建一个悬停效果。问题是，父容器，旋转木马，正在剪辑我的悬停效果。我想要的样子是这样的(悬停在有很长描述的项目上)：这就是我想要达到的目标：我尝试过重写父溢出元素，但没有效果。悬停效应需要：我做错了什么？

浏览 1提问于2012-09-20得票数 4

回答已采纳

1回答

css :悬停和活动的合并-一个特殊的情况

javascript、jquery、css

element){ $(element).addClass('fooactive'); 当我点击时，我应该有一个效果，但我没有立即看到效果，因为我也有一个CSS :悬浮规则，并且，只有当我展开那个元素区域时，我才会看到这个效果。我们如何禁用悬停，效果一旦我们点击，这样就不会发生这种奇怪的效果？还有别的办法吗？

浏览 2提问于2011-06-17得票数 1

回答已采纳

2回答

当用户使用浏览器的后退按钮时，如何删除css类

javascript、jquery、css、wordpress、visual-composer

我已经构建了一个具有悬停效果的WPbakery自定义网格，它在悬停时显示覆盖和额外的文本。从我看到的代码中，css类vc_ is -hover是在悬停时添加的。所有的工作都按预期进行。但是，当移动电话(iPhone)上的用户单击该元素(因此他获得了文章)，然后使用浏览器的后退按钮时，仍然会显示覆盖图。因此，我假设vc_ is -hover类仍然被设置。我试图添加以下代码，以便在加载文档时删除css类，但不起作用： jQuery( do

浏览 31提问于2019-07-29得票数 2

2回答

如何使用JQuery在图像上放置覆盖？

jquery、html、css、ruby-on-rails、image

期望效果:当用户悬停在图像上时，图像(只有图像)应该变暗。计划:使用.mouseenter和JQuery实现所期望的效果。问题:当用户悬停在图像上时，覆盖将应用于其他东西(#Bars)，尽管在.mouseenter和附加覆盖时都使用了相同的选择器。因此，覆盖层正常工作，但并不适用于图像。我通过把它附加到身体上来测试覆盖，这是有效的(也就是说，当我悬停在图像上时，整个网页都变黑了)。我甚至在导航条上

浏览 4提问于2015-02-17得票数 0

回答已采纳

2回答

Img覆盖褪色，img淡出后可见文本

css、hover、overlay

我已经了解了一切，有关于悬停效果和显示文本悬停或没有一个很好的透明覆盖。都很漂亮，但没有人回答我的问题。我创建了一个JSFiddle来给出效果的概念。我没有添加任何转换或图像，但只是我所寻求的简单效果，但相反。因此，总而言之，是否有一种方法，使透明的覆盖图像褪色时，文本变得可见，仅使用CSS而不是Jav

浏览 0提问于2016-02-02得票数 1

回答已采纳

3回答

CSS3 on动画悬停解决方案查询

html、css

我正在尝试实现一个css3悬停动画效果，当鼠标悬停在缩略图上时，黑色覆盖了要单击的carot动画。此时，当您将鼠标悬停在图像上时，什么也没有发生。如何使用图像使其具有动画效果？非常感谢您的帮助！

浏览 0提问于2013-12-10得票数 1

5回答

如何从CSS中消除悬停效果？

html、css、class

我目前有一个文本作为超链接，并在这方面的一些CSS代码正在被应用。由于悬停的原因，文本得到下划线，字体在悬停事件上变得粗体。但现在我要做的是删除超链接，并应用同样的效果，由bydefault，即不是在悬停。简而言之，我想应用当前在悬停上应用的样式，而不需要悬停文本。我的HTML和css代码如下： text-decoration:underline; fon

浏览 3提问于2013-09-27得票数 5

回答已采纳

1回答

悬停效应在开发工具中不显示，也不能被删除。

javascript、html、css

我已经被要求修复一些问题在Wordpress网站上使用常规的CSS，JS & HTML。其中一个问题是产品页面上显示的奇怪的悬停效果：如果您愿意帮忙，最好是，但我也会在这里解释这个问题。通过强制devtools中的元素状态悬停并查看更改，我已经确认了这实际上是对<tr>元素的悬停效应。我还确信这不是Javascript，因为元素不会更改类，并且在悬停时没有对元素应用样式。我认为唯一的选择是，它是一个CSS悬停效应。通常在

浏览 3提问于2022-07-07得票数 0

回答已采纳

2回答

如何在CSS中实现图像悬停效果:暗覆盖+图像增长+标题？

css、hover、overlay

是否有人知道如何在css中对图像悬停(暗覆盖+图像增长+出现在图像上的名称)产生以下效果： (非常感谢:)

浏览 1提问于2022-02-02得票数 -2

2回答

当我悬停时链接正在移动

css、hyperlink、hover、highlight、effect

我对这种CSS编码很陌生，但每天都要学习一点.现在，我设法在链接上添加了高亮悬停效果。有什么可以添加到代码中来保持文本的稳定吗？这是我的网站：非常感谢你的帮

浏览 5提问于2016-02-25得票数 0

回答已采纳

点击加载更多