悬停一次又一次改变不透明度

时间:2018-11-08 10:59:22

标签: html css

问题如下:我在Wordpress上安装了一个画廊插件,名为Fancy Plugin。效果很好,除了现在当我看画廊时,图像非常非常模糊(不透明度非常低),然后,如果将鼠标悬停在图像上,它会变得不透明,然后再次悬停,并且它会越来越好。我需要10-15次鼠标传递才能使图像的不透明度接近0.9,但随后不再更改。我想完全关闭此功能,我不希望画廊中出现任何不透明度,我希望它是1。我不知道该使用什么CSS。

我尝试使用Chrome DevTools进行检查,这就是我发现这段代码的方式:

<img class="fg-thumb" src="http://www.faktumkft.hu/wp-content/plugins/radykal-fancy-gallery/admin/timthumb.php?src=http%3A%2F%2Fwww.faktumkft.hu%2Fwp-content%2Ffancygallery%2F2%2F2%2Fvizszintes_palcas_korlat__09.jpg&amp;w=200&amp;h=150&amp;zc=0&amp;q=100" alt="Vízszintes pálcás korlát, ívelt" style="width: 200px; height: 150px; opacity: 0.825593;">

我在那里可以看到奇怪的不透明数字,但是我不知道如何更改它。有人可以帮忙吗?谢谢!

1 个答案:

答案 0 :(得分:1)

快速修复程序将添加到您的CSS旁边:

.fg-thumb{
    opacity:1 !important;
}

但是,您发现指向所谓的内联样式的内容可能来自某些javascript(可能来自该插件)。您可能需要阅读一些文档或/和检查源代码(如果有)。