CSS图像悬停效果？

文章/答案/技术大牛

发布

2回答

html、css

我希望我的图像悬停时看起来像this，但由于某些原因，我的CSS样式不起作用。您可能会注意到每个CSS样式选项中的#content。这是因为我只想让这些样式应用于我网站的某个部分。我的图像没有悬停效果。

浏览 24提问于2020-07-27得票数 0

回答已采纳

3回答

将鼠标悬停在阵列图像大小上应更改

javascript、html、performance

在所存储图像数组中。当移动到图像上时，图像大小应该改变。即大图像到小图像。我添加了下面的代码，请建议我合适的答案。

浏览 0提问于2014-02-28得票数 0

3回答

在使用jQuery .hover()函数切换两个图像时，当它们在第一次加载时被切换时，我经常会发现闪烁。从理论上讲，这应该是可以纠正的，放置一个1px x 1px的图像，并将display: none;设置为样式，这将在主页加载时加载图像，从而同时对其进行缓存并消除闪烁。然而，我想知道是否有其他/更好的解决方案，通常用于强制加载图像，因为我肯定不是唯一一个有这个问题的人。任何意见或建议都将非常感谢:)。

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

回答已采纳

2回答

CSS div和图像不透明效果

html、css、hover

<div class='item'></div>filter:alpha(opacity=40); opacity:1.0;} 我用这个在

浏览 3提问于2012-10-08得票数 0

回答已采纳

1回答

我们能用CSS将黑白图像转换成反向效果吗？

image、css

好吧，我想在黑白图像上添加一个很酷的效果，其中颜色在悬停时变为白色，即白色部分变成黑色，黑色变成白色。我知道一种使用图像悬停效果的方法，即添加第二个具有所需颜色效果的相似图像，当有人悬停第二个图像时，会出现第二个图像，但我想知道我们是否可以使用CSS过滤器来实现。对于第一个图像，我使用了灰度css过滤器，但我想知道是否还有另一个效果</e

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

回答已采纳

2回答

将CSS3悬停过渡替换为jquery单击事件

jquery、css、click、hover

我有一系列使用css3实现悬停效果的图像。当用户将鼠标悬停在图像上时，标题会滑过。这是一个非常好的效果。在移动端，用户看不到这种悬停效果，因为移动端没有悬停。理想情况下，我希望移动用户在“点击”(与点击相同)图像时看到标题。将css悬停选择器转换为单击事件的最佳方法是什么？我认为最好的方法是使用jquery。但是，如果我这样做，我不确定这将如何在CSS</

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

回答已采纳

1回答

单击和悬停方法不起作用

jquery、html、css

基本上，我试图拥有一个按钮，允许用户在顶部显示另一个图像，但当单击该按钮时将设置为单击图像状态。如能提供任何帮助，将不胜感激。

浏览 3提问于2013-11-19得票数 0

回答已采纳

2回答

如何使用css或jquery向特定位置的图像添加悬停效果？

jquery、css、hover

我正在处理一个图像地图，当我在图像的状态部分悬停时，它会产生悬停效果。因为这只是一个.png文件，那么有什么方法可以将悬停效果添加到图像的某个部分吗？更新:我想要做的是获取地图上star图标的位置或坐标，并向其添加悬停效果。注意：这个图像将是响应的。

浏览 3提问于2015-03-28得票数 2

8回答

在这种情况下，使用CSS或Jquery有什么区别？

javascript、php、jquery、html、css

我正在创建一个菜单栏，它使用在Photoshop中设计的2个图像，一个图像是正常的，一个图像是悬停效果。我已经看到我可以同时使用css和JQuery来创建悬停效果，我发现CSS更容易使用，例如：background-image:url ..background-image在悬停时，只需更改图像，而jquery代码则要长一点，我相信如果有人能告诉

浏览 5提问于2013-11-04得票数 3

回答已采纳

1回答

Css边界悬停图像效果

html、css、hover、border、css-transitions

我试图在wordpress主题的图片上方应用悬停效果。效果应该显示一个边框和一个文本背景。问题是边界比图像更宽更高，我不明白为什么。我尝试过很多解决方案，但结果总是一样的:边框只出现在我的顶部和左边。

浏览 0提问于2015-11-22得票数 0

回答已采纳

2回答

复制图像块Hover效应:附例

css、hover、imageblocks

以下是图像块悬停效果示例：谁能指点我朝正确的方向走吗？CSS是什么？谢谢你的帮助, 麦克

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

回答已采纳

2回答

具有相同悬停效果的多幅图像

javascript、jquery、html、css

因此，我目前有多个图像在一个页面上，然而，当我想要超过悬停效果的一个，是盘旋在上面。如果页面有超过12个图像，一种方法是使用id重复12次此代码，但是否有一种更有效的方法： $("img").addClass("transition

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

回答已采纳

1回答

缩聚半透明覆盖层

html、css、css-transitions、css-shapes

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

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

回答已采纳

2回答

使用CSS反向悬停图像

html、css、webkit、hover、opacity

我有一个css图像悬停效果，其中div中的图像变为0不透明度，然后显示背景图像。这意味着当你的鼠标悬停时，一个图像淡出，另一个图像出现。这是HTML标记..

浏览 4提问于2012-07-11得票数 1

回答已采纳

5回答

图像和文本的Jquery悬停问题

javascript、jquery、html、css

这个想法是，当图像被高亮显示时，不透明度应该改变。现在，它正在使用smallartcov类标签来更改不透明度。问题是它上面有一些文本。因此，文本被视为鼠标离开了图像区域，即使它从未离开过。div> <script type="text/javascript"> $(this).css('color', 'white');

浏览 3提问于2012-04-24得票数 2

回答已采纳

4回答

对图像的悬停效应(jquery/javascript)

jquery、html、css、hover

我想要一个类似的悬停效果与图片在这个网站的头版：我已经制作了html和css悬停效果，但由于悬停类一次只适用于一个图像，位置的变化将只对一张图片在一次。据我所见，只要有一个图像悬停，我就需要一些脚本来更改所有图像的css。而且，它不应该仅仅是一个悬停效应。在网站上，即使在图像不再悬停之后，图像的位置仍然保持不变？

浏览 0提问于2014-07-26得票数 0

回答已采纳

3回答

在应用圆形CSS边界和不透明效果时，图像不正确显示。

html、css

我找不到一个已经存在的问题来回答以下问题： opacity: 1.0;

浏览 5提问于2013-11-28得票数 3

回答已采纳

4回答

用JS触发css悬停

javascript、jquery

我知道是否有可能在JS中触发CSS悬停效应，而不必使用额外的类.我尝试过使用mouseenter()来激发效果，但这不会触发CSS悬停效应。help函数向您展示了如何通过移动图像来进行操作，该图像向您展示了如何使用东西。虚拟光标可以点击内容，显示元素等。但是我希望这个虚拟游标也能跳转CSS中设置的:悬停效果。

浏览 9提问于2010-12-03得票数 77

回答已采纳

3回答

firefox中的图像交换

javascript、html、css

当鼠标悬停时，我正在尝试更改按钮的背景图像。这里的问题是，当我悬停鼠标时。我看到进度条(右下角)显示在firefox中，就像加载了某个页面一样

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

回答已采纳

2回答

对图像使用CSS转换-无法居中中间DIV

html、css、transitions

在这个网站上：我正在尝试使用CSS转换来在这三个图像上创建一个悬停效果，每个图像都在它们自己的div中，所有三个div都在一个容器中。左右图标分别左右浮动，中间的图标设置为两边的“自动边距”。编辑:中间的图标是同时显示悬停图像和原始状态图像，而不是一个坐在另一个上面。我在问如何让他们坐在一起，因为我使用不透明的CSS转换为悬停效果。

浏览 4提问于2013-10-21得票数 1

回答已采纳

点击加载更多