防止“悬停缩放”插件显示缩放的img(或将类添加到img div)

时间:2014-01-22 00:19:41

标签: css image resize hover zoom

Hover Zoom chrome ext。在悬停时加载原始大小的图片。

对于我的图像,我在CSS中调整了大小,因为它为我省去了photoshop裁剪步骤。 < img src ='.. images / title.jpg'width ='300px'height ='auto'/>

但是对于使用悬停式缩放的用户,会添加一个新类,并且将加载原始大小。

有没有办法阻止悬停缩放工作?同时保持CSS调整大小。提前谢谢。

2 个答案:

答案 0 :(得分:2)

你可以像这样添加css:

img {
        width:250px;
        height:61px;
      }
img:hover {
        width:100%;
        height:100%;
      }

答案 1 :(得分:0)

我尝试了答案,但不适用于我的情况。就我而言,我会强制隐藏元素-尽管id可能会发生变化,等等。可惜的是,没有更好的方法(我发现)

#hzImg {
    display: none !important;
}