如何避免在悬停时重新缩放？
在前端开发中，避免在悬停时重新缩放可以通过以下方式实现：
- 使用CSS属性：通过设置CSS样式中的
pointer-events属性为none，可以使元素在悬停时不响应鼠标事件，从而避免重新缩放。具体样式如下： - 使用CSS属性：通过设置CSS样式中的
pointer-events属性为none，可以使元素在悬停时不响应鼠标事件，从而避免重新缩放。具体样式如下： - JavaScript事件处理：可以使用JavaScript监听鼠标事件，并通过事件处理程序来阻止默认的缩放行为。示例代码如下：
- JavaScript事件处理：可以使用JavaScript监听鼠标事件，并通过事件处理程序来阻止默认的缩放行为。示例代码如下：
以上是两种常用的避免在悬停时重新缩放的方法，可以根据具体的需求选择适合的方式进行实现。
关于腾讯云相关产品，提供了丰富的云计算解决方案，包括云服务器、云数据库、云存储等。具体推荐的产品和介绍链接如下：
- 腾讯云服务器（CVM）：提供稳定可靠的云服务器实例，适用于各种应用场景。产品介绍链接：https://cloud.tencent.com/product/cvm
- 腾讯云数据库（TencentDB）：提供多种数据库产品，包括关系型数据库、NoSQL数据库等，满足不同业务需求。产品介绍链接：https://cloud.tencent.com/product/cdb
- 腾讯云对象存储（COS）：提供安全可靠的对象存储服务，适用于存储和管理大规模的非结构化数据。产品介绍链接：https://cloud.tencent.com/product/cos
请注意，以上推荐的腾讯云产品仅作为参考，实际选择应根据具体需求进行评估和决策。
相关·内容
语言：Javascript / jQuery / PHP
我想要完成的，类似于你在这页的气泡上看到的悬停效果：
我使用CSS3实现了类似的效果，但是转换并不像页面上的那样顺利，所以我选择了使用Javascript。
我在这里做的是，当在上盘旋时，会使div气泡的宽度和高度增长10%。
但我不知道如何按百分比调整border-radius和的利润率？
$(".colored-bg").each(function() {
$.data(this, 'size', { width: $(this).width(), height: $(this).heigh
浏览 3提问于2012-11-03得票数 1
回答已采纳
1回答
我有一个六边形的形状与CSS :之前和:后伪元素。我试图在这个网站上重现这个效果： (我知道他们使用canvas)
问题是，如果我使用多个元素，悬停时增加的大小不能正确地动态显示。我修复了动画使用:之前和:之后，而不是边框。现在我想让图像工作，但我似乎不知道如何对齐边界图像和中间部分的图像，使其看起来无缝。
这是目前为止我所拥有的一些东西：
谢谢!
浏览 0提问于2012-05-27得票数 1
回答已采纳
2回答
我做了一个程序，可以从xml文件中读取一些二极管曲线的电压值和电流值，并将它们绘制在屏幕上(只需使用普通的2D图形和一些简单的命令，如DrawCurve等)。
我的主图像帧是800 x 800像素(你可以在下面看到一个较小的屏幕截图)。现在我想添加一个缩放功能，当我将鼠标悬停在这个图像区域上时，会弹出一个飞行的小方块，当我将鼠标移到这个区域上时，它会放大+移动。
我不知道如何处理这个问题。当然，我不会询问完整的工作代码，但请帮助我越来越近！
例如，我可以在不读取曲线数据和实时绘制的情况下进行缩放吗？还是说没有办法逃脱？当我将鼠标移到原始图像上时，如何才能有一个悬停的图像框？
谢谢!
浏览 4提问于2011-09-20得票数 0
回答已采纳
1回答
IE 9+中的灰度图像
、、、
我希望IE 9+中的图像是灰色的，当我将鼠标悬停时，它会显示原样。
一切都很好，但问题是当我悬停时，它会缩放图像。
find code in below fiddle
浏览 3提问于2015-06-11得票数 1
回答已采纳
2回答
我一直在尝试让底部的圆圈在Firefox中增长(需要添加其他前缀，仍在开发中)
他们行为正常，但我的目标是让他们从中心成长起来。关于如何使用CSS来做这件事，有什么想法吗？这会是一个定位的问题吗？链接在这里：
我只是简单地在鼠标悬停时增加宽度/高度。
浏览 0提问于2011-10-26得票数 6
回答已采纳
1回答
CSS变换破坏鼠标位置事件
、、、、
我正在缩放页面上的div (缩放功能)和非缩放的div。缩放的div有鼠标覆盖事件，这些事件会导致文本跟随鼠标。缩放破坏了应该跟随鼠标的元素的位置。
悬停文本如下所示：
$("#container").on('mousemove','.mouseMe',function(e){
$("#followA").css("top",e.clientY)
.css("left",e.clientX);
});
//also some additional mouse
浏览 0提问于2014-08-12得票数 1
回答已采纳
1回答
我不明白为什么有些图片会在不同的浏览器大小下变得模糊。看一看
当鼠标悬停在上方时，顶部的菜单按钮和其他按钮都会稍微缩小。更改浏览器大小几次，会发现其中一些是模糊的。有些在悬停时会变得更清晰，有些会变得更模糊。
我想不出怎么解决这个问题。它们都是以相同的方式压缩的，都围绕着相同的分辨率。有没有一个特定的尺寸，需要它们在缩放时看起来更好？
浏览 0提问于2015-02-20得票数 0
我使用AnyGantt已经有一段时间了，但我只是注意到我在容器缩放和AnyGantt的over/select函数方面遇到了问题。 一旦在容器上应用缩放，悬停/选择/工具提示就会关闭，并且不会反映移动真正悬停的内容。 我目前使用的是AnyGantt v8.7.1.1930 (2019-12-17)。 我创建了一个示例的分支来展示https://playground.anychart.com/wtM5Nmhh/1上的问题 我有办法解决这个问题吗？是不是我做错了什么？ 感谢你的见解！
浏览 11提问于2020-01-15得票数 0
1回答
裁剪区域
、
我有一个网格，顶部有一个堆叠面板。我已经构建了一个鼠标悬停在动画上，使堆叠面板上的图像在鼠标悬停时变大。
如何去除剪切区域，以便图像可以在堆叠面板之外增长并覆盖它们下面的内容？
<Grid x:Name="LayoutRoot">
<Grid.RowDefinitions>
<RowDefinition Height="30"/>
<RowDefinition Height="*"/>
</Grid.RowDefinitions>
浏览 3提问于2010-10-15得票数 0
回答已采纳
1回答
当我使用ffmpeg缩放H264视频时。视频似乎被解码成原始图形，然后缩放，然后再次编码。但是如果速度非常关键，如果我指定一个像2:1这样的“好”比率，有没有更快的方法，就像我想每四个像素中就有一个像素？
我知道一点h264是如何工作的，8*8/4*4像素是作为一个组进行编码的，所以在它的范围内提取1/4像素并不容易。但是，有没有办法快速地将4个组合并成一个组呢？
浏览 3提问于2015-10-26得票数 1
我已经创建了一个植物数据库，客户想要每种植物的小图像，当你将鼠标悬停在它上面时，它的大小会增长。我找到了一个似乎可以在这里工作的jQuery：
第一次加载页面时，当您将鼠标悬停在图像上时，图像不会在灰色框中居中(它已下移)。在第一次将鼠标悬停在图像上之后的任何时候，它都会在框中居中。我不明白为什么这只发生在你第一次加载页面的时候。我有一个可以正常工作的“测试”页面。当您第一次将鼠标悬停在植物上时，植物的缩略图图像也会改变页面上的位置。
我对jQuery了解不多，所以如果这是导致问题的原因，我不确定如何解决它。我怀疑有一些冲突的CSS，但找不到它。
NOT WORKING： (注意:单击此处的任
浏览 0提问于2013-12-20得票数 0
1回答
如何在悬停时更改容器的大小，使其在图片中看起来像。有可能只有css/Smarty吗？
这是到图片的链接：
浏览 4提问于2017-01-24得票数 0
回答已采纳
1回答
我目前正在使用onmouseover和onmouseout在悬停时交换图像。这很好，但是现在我们想要添加的效果--基本上，如果图像A是20x20，而悬停时显示的图像是80x80，我如何才能让悬停图像打开其他图像的“顶部”，这样图像大小的增加就不会影响容器或表？
有几个要求:解决方案需要在IE7中工作，并且必须能够在悬停时显示不同的、更大的图像。
浏览 1提问于2012-08-06得票数 0
1回答
我正在将悬停时的文本放大一小部分。文本看起来很模糊。在寻找解决方案后，我尝试了其他人提到的各种方法，但这些方法都不起作用。
例如：
backface-visibility: hidden;
我也试过在鼠标悬停之前缩小文本，并使用鼠标悬停将其缩放到1的值。这也不起作用。
如何在不模糊的情况下缩放文本？
我正在使用transform scale，该错误存在于webkit浏览器中
浏览 2提问于2015-09-25得票数 0
2回答
在我的网站上，缩放功能不起作用。当鼠标悬停在图像上时，显示的选定区域是一个完整的图像，缩放图像似乎也是相同的。
有没有什么方法可以选择在悬停时缩放的原始图像的一小部分？
浏览 27提问于2017-01-12得票数 0
我已经通过设置器在AbstractCellTable上将标志skipRowHoverCheck设置为true。通过在AbstractCellTable内的onBrowseEvent2方法上设置调试点，我可以确认该标志设置为真。
代码永远不会执行检查skipRowHoverCheck是否为真的块，因此不会添加MouseOver浏览事件。
但是，在调试项目时，鼠标悬停在事件上的事件仍然会被捕获，而行级悬停事件会被拾取。这将使鼠标悬停在所选行上，这是我们不想要的。
任何关于这方面的建议都是很棒的！
谢谢
浏览 0提问于2013-04-26得票数 5
3回答
我最近开始用ActionScript3编写代码，在尝试缩放MovieClip时遇到了一个问题。
{
private var valGrandX:Number;
private var valGrandY:Number;
public function Bonhomme_Fil()
{
valGrandX = this.scaleX;
valGrandY = this.scaleY;
this.addEventListener(MouseEvent.ROLL_OVER, big);
this.add
浏览 8提问于2017-02-18得票数 1
1回答
我正在寻找一个轻jQuery图像缩放时，悬停或点击图像。非常重要的一点是，图像是在悬停或单击之后加载的，而不是在此之前加载的。这样做的原因是为了尽可能减少初始页面负载。
对一些好的脚本有什么建议吗？
浏览 0提问于2013-06-25得票数 0
回答已采纳
2回答
我试图在像这个网站- 这样的自动播放视频上设置悬停效果。
在悬停之前，自拍视频有一个覆盖层。
当悬停时，覆盖层会消失，视频会放大一点。
我怎样才能达到这种悬停效果？
浏览 3提问于2016-02-11得票数 4
回答已采纳
我正在尝试以箭头的形式显示具有向上和向下导航的图像集。我已经添加了
cursor:pointer;
将鼠标悬停在箭头上以强调可点击性。但是，当某个方向上没有更多的图像时，我将这个类设置为disabled。
.disabled
{
cursor:default;
}
但是，hover伪类在这里具有优先权，并将光标更改为指针。在设置.disabled时，如何防止:将光标悬停以将光标设置为指针？这有可能吗？
浏览 1提问于2010-07-30得票数 2
回答已采纳
我在高表的图像中提到了问题。鼠标悬停在图例上时，特定图表线条的宽度增加。与我想在标签悬停或单击上执行的操作相同。有谁能帮忙吗。
浏览 3提问于2013-09-23得票数 0
我现在在CSS上遇到了一些小麻烦，我想不出如何解决它。基本上，我有一个引导卡，它在悬停时使用CSS类进行缩放。问题是，在悬停和扩展时，我卡中的一些<hr>消失了，尽管它们的CSS根本没有变化。这似乎是一个浏览器问题，因为它完美地工作在Safari上，而不是在Chrome上。您可以在这个网址： (滚动到第二张幻灯片&在卡片传送带上，然后悬停在卡片上)尝试它。下面是HTML：
<div class="card scaleIn">
<div class="card-body">
<div cla
浏览 3提问于2020-03-23得票数 1
回答已采纳
想要了解在TensorFlow中实现渐变裁剪时tf.clip_by_value和tf.clip_by_global_norm的角色差异。哪一个是首选的，如何确定要裁剪的最大值？
浏览 0提问于2017-06-28得票数 22
回答已采纳
1回答
我尝试在背景img上使用悬停，如下所示：
.featuredimg{background: url('[imgPathHere]');
width:370px;
height:430px;}
.featuredimg:hover{background: url('[imgPathHere]')0px -430px;}
问题是我使用的是twitter bootstrap，这样网站就可以响应了。如何在允许图像缩放的同时继续使用背景img悬停。现在，无论窗口大小如何，图像的宽度和高度都保持不变。
浏览 4提问于2013-03-05得票数 0
2回答
通过使用“如何在拉斐尔中使用路径实现圆环孔”( )中的示例，我能够将代码更多地用于我的用例。
我的下一个目标是在鼠标悬停时放大其中一个扇区，而不是将其从内部圆圈中拉出。这个是可能的吗？
下面是当前的代码：
我希望让它看起来像这样：
浏览 0提问于2011-11-16得票数 1
回答已采纳
2回答
我希望有人能用一些让我头疼的东西来指引我正确的方向。
因此，在TileMill中，您可以让不同的多边形层以不同的缩放级别激活。当然，这很棒，但问题是，您不能为这些层中的多个层提供悬停框。不是很有用。
需要说明的是:在缩放级别为4的时候，我想看到一个州级图层，当我将鼠标放在密苏里州上方时，我希望出现一个框，上面写着“密苏里州:一个令人敬畏的州”。然后在zoom 7上，我想看看县，当我在布恩县上空悬停时，我想看到像“布恩县:一个令人敬畏的县”这样的东西。
在TileMill中，您可以将悬停框用于州图层或县图层，但不能同时用于这两个图层。
我花了很多时间搜索和处理代码，但还没有弄清楚如何做到这一点。
浏览 6提问于2014-04-14得票数 0
2回答
我添加了一个取消图标，我希望该图标在悬停或单击时放大或放大。我已经添加了transform，但它仍然没有响应。 我该如何解决这个问题？ <i class="ion-android-cancel cancel-icon"></i> CSS .cancel-icon:hover {
-ms-transform: scale(1.5); /* IE 9 */
-webkit-transform: scale(1.5); /* Safari 3-8 */
transform: scale(1.5);
}
浏览 6提问于2020-10-20得票数 0
回答已采纳
当悬停具有transform: scale(1.03)的transform: scale(1.03)时，border-radius将消失。有没有办法使卡比例悬停而不产生这种影响？
谢谢!
浏览 2提问于2021-12-14得票数 0
2回答
我正在使用Weebly创建一个在线商店，使用一个模板，结果遇到了我不喜欢的东西。每当用户点击产品时，产品页面就会出现，如果您将鼠标悬停在产品的图像上，则会初始化缩放功能。如何禁用此效果？
我有一种感觉，它很简单，就像display:none；但我似乎找不出与它相关的是哪个类或什么。
浏览 20提问于2016-08-14得票数 2
回答已采纳
2回答
在d3js中缩放行
、、、
我只是想使用d3.js库在javascript中绘制一个函数。我需要添加缩放和平移事件。我已经按照下面的例子来做了：
我在这个平面上画了几条线。我的问题是，当我缩放它时，线宽也发生了变化。我喜欢的是这条线在缩放时仍然保持原来的宽度。我想我必须重新画它，但我不确定这是不是最好的方法。
你能告诉我有没有更好的方法，或者给我举个简单的例子？谢谢!
浏览 1提问于2015-05-24得票数 4
2回答
当鼠标悬停在大图上时，苹果有一个相当酷的功能：，它会缩小一个小的放大镜玻璃图标，当光标移到可缩放的图像上时，这个图标会随光标移动。
我如何才能做到这一点，最好是使用JQuery？
浏览 3提问于2010-07-08得票数 0
2回答
我正在为安卓开发一个应用程序，它包含几个图像，我必须从drawable中获取它们，所以我使用位图来避免通过重新缩放它们来避免内存不足异常，但问题是当重新缩放时，图像的分辨率(/quality)会降低。我该如何克服这个问题呢？
浏览 0提问于2012-12-10得票数 0
我有一张画布，我在上面画了一幅画：
var imageObj = new Image();
imageObj.onload = function() {
context.drawImage(imageObj, 0, 0);
};
imageObj.src = 'http://localhost:8080/apache_pb2.png';
但我想要在鼠标悬停时scale图像。所以我尝试了这段代码：
imageObj.onmouseover = function() {
context.scale(2, 2);
}
想着我可能会走运-but no go -it甚至都
浏览 1提问于2013-06-18得票数 3
回答已采纳
4回答
我正在尝试做一些类似的事情：
<a href="http://www.google.com">Google</a>
当用户悬停链接时：
<div id="display-site">
//working site contained in a div
</div>
注意:我知道我可以使用超文本标记语言在一个新的窗口中打开链接，我有兴趣弄清楚如何在一个div容器中‘预览’包含在<a>标签中的网站(如果链接悬停的话)。
浏览 0提问于2012-06-25得票数 5
回答已采纳
1回答
我在Bokeh中使用两个独立的y轴绘制一个图：
pAltitude = figure(plot_width=800, plot_height=300, x_range=pElev.x_range)
pAltitude.extra_y_ranges = {"speed": Range1d(50, 120)}
pAltitude.add_layout(LinearAxis(y_range_name="speed"), 'right')
当在浏览器中显示这幅图时，我可以使用wheel_zoom工具放大和缩小plot.When，将
浏览 2提问于2019-11-28得票数 2
回答已采纳
2回答
我正在使用这个库：
当鼠标悬停在图像上时，它添加了缩放功能。我确实在我的主题中添加了这个库，并将以下jQuery代码添加到我的js文件中：
$(document).ready(function(){
$('.head-image img').zoom();
});
这是图像所在的HTML：
<div class="head-image">
<img src="<?php the_post_thumbnail_url('full'); ?>" class="img-fluid&#
浏览 1提问于2020-03-26得票数 0
每当我悬停一个特定的内容时，我都想缩放GatsbyImage，我使用这段代码来获取多篇文章，并且我想独立地将它们悬停。
{blog.data.blogs.map((ts)=>
(
<Blog to={`article/${ts.blog.document.uid}`}>
<GatsbyImage image={ts.blog.document.data.post_img.gatsbyImageData} alt='Blog' />
<Blo
浏览 2提问于2022-06-16得票数 0
回答已采纳
1回答
我在开发一款游戏。我的画布应该缩放到屏幕高度(模拟器电话上的1920x1080)。但当我从Photoshop (1920x1080)导入图像时，它们比手机大得多。
这一切为什么要发生？我的画布是不是比我想象的要小？AndroidStudio导入的图像是否比正常大得多？
getWindow().setFlags(WindowManager.LayoutParams.FLAG_FULLSCREEN, WindowManager.LayoutParams.FLAG_FULLSCREEN);
canvas = view.getHolder().lockHardwareCanvas();
canvas
浏览 12提问于2021-02-16得票数 1
回答已采纳
1回答
css正在拉动图像，允许我在悬停时交换图像。我的问题是，在我的第一次悬停时，图像消失了。第二次悬停，图像出现。接下来的悬停，一切正常。
为什么以及如何解决这个问题？
浏览 2提问于2012-08-03得票数 2
回答已采纳
我有一个长方形尺寸的电影剪辑。当应用程序启动时，电影剪辑在放置到舞台上之前进行缩放，如下所示。
menu.width = 400;
menu.scaleY = menu.scaleX;
这比原来的尺寸小。
有人知道我该怎么解决这个问题吗？
我试图通过在位置上添加一个更大的数字来进行补偿，这样它就可以以正确的方式定位。
但当我再次单击它时，我希望它重新缩放到其开始的比例和位置，因此再次进行补偿将非常混乱。有没有更简单的方法来做这种补丁呢？
我怀疑我是否清楚我想要什么，但我希望我终究是清楚的。
浏览 2提问于2010-12-31得票数 0
我想使用css中的悬停伪类来增加表中单个链接的大小，但是每次将它们悬停在上面时，大小的增加都会影响行/列的大小，并且表中的所有其他链接都会相应地移动。
有没有办法只用css和html就能防止这种情况发生？
浏览 1提问于2012-12-29得票数 8
回答已采纳
1回答
当我悬停在它们上面的时候，我需要把文字放大，
代码:
function Startpage() {
return (
<div className="bg-mygraymain">
<div className="flex justify-center">
<h1 className="hover:scale-125">Hi,Sai</h1>
</div>
);
}
但是上面的代码不起作用。改变背景，用悬停划线，但不能缩放。
浏览 3提问于2021-05-29得票数 0
3回答
我正在制作一个场景，其中有一个拇指向上的图像，应该变得更大的鼠标悬停，并缩小到正常大小时，鼠标不再悬停。
这就是我如何制作竖起拇指的图像：
thumbs_up_image = pygame.image.load("./plz_like.png")
thumbs_up_rect = thumbs_up_image.get_rect(topleft=(screen.get_width() // 2 - thumbs_up_image.get_width() + 75,
screen
浏览 1提问于2021-07-21得票数 1
回答已采纳
1回答
我正在尝试为移动设备优化以下站点：
蓝色功能区链接的功能是使用CSS悬停选择器在悬停时更改图像：
.ribbonlinkA{
background-image:url("/wp-content/uploads/2013/05/hr_slide_off.png");
display:block;
height:86px;
width:512px;
}
.ribbonlinkA:hover{
background-image:url("/wp-content/uploads/2013/05/hr_slide_on.png");
浏览 0提问于2013-06-13得票数 0
回答已采纳
1回答
我的桌面Java应用程序有一个带有几个JMenubar的JMenuitems，在它下面是一个JPanel，当单击下拉菜单中的一个项目时，我会重新呈现这个JPanel。
一切正常，但当我在JPanel上悬停或单击时，我的paintComponent正在重新呈现(我被覆盖的paintComponent正在被调用)。
这是一个问题，因为在JPanel上是以编程方式构造的图像(随机种子)，而且构造需要一段时间，所以如果我在菜单上悬停太多，我的程序就会挂起。
这是为什么，我该怎么解决呢？
编辑:即使我种子随机值，得到相同的图像，程序做了太多的不必要的计算，它变得缓慢。
浏览 3提问于2015-06-27得票数 1
回答已采纳
我想知道当鼠标悬停在html中的图像上时，如何在图像上显示缩放按钮。到目前为止，我已经尝试过了
<a href="news_image/<?php echo $getrs['image']; ?>"><img src="images/zoom.jpg" width="40" height="40" border="0" style="background:URL(http://news_image/<?php echo $getrs['image&
浏览 0提问于2012-01-11得票数 4
我有一组画布对象，它们可以正确地绘制。我有三个问题：
抵消。我已经用JS小提琴测试了下面的代码，它可以工作，但是当我导出它的网页时，变量会被扭曲。检测发生了，但地点不对。页面宽度在CSS中设置，实际的画布区域使用边距:0自动调用来居中，但是它小于页面宽度。
<canvas id="canvas" width="780" height="690" style="position:absolute;"></canvas>
var canvas = document.getElementById(&#
浏览 3提问于2015-05-04得票数 2
1回答
我正在尝试在悬停时缩放已缩放的元素。 最初，我运行的是一个动画 animation-name: image-animation;
animation-delay: 1s;
animation-duration: 1s;
animation-fill-mode: forward;
animation-timing-function: ease-out;
@keyframes image-animation {
to {
top: -28%;
transform: scale(.7);
}
} 然后我想在悬停时缩放相同的元素： :hover {
tr
浏览 23提问于2019-07-01得票数 0
2回答
我试图在图像的悬停上添加缩放效果，我将在下面发布我的代码：
<asp:TableRow>
<asp:TableCell CssClass="space">
<a href="www.google.com" id="myImage" runat="server">
<img src="Images/myIcon" style="border: none;" alt="my text goes here" /&
浏览 0提问于2015-02-16得票数 0
回答已采纳
应该悬停:例如悬停:当使用顺风CSS时，scale-125工作在<a>元素上。我在经营一个Django项目..。它适用于<div>的<img>和其他元素，但不适用于<a>.
我的顺风css到底是怎么了还是出了问题？
谢谢!
在其他元素上测试了这个比例，但是它没有在<a>元素上运行
浏览 7提问于2022-11-18得票数 1
扫码
添加站长 进交流群
领取专属 10元无门槛券
手把手带您无忧上云
相关资讯
热门标签
云服务器
ICP备案
实时音视频
对象存储
即时通信 IM活动推荐
腾讯云开发者
