查找负责降低Image不透明度的代码

Question

我需要降低site中图像的不透明度，我是通过降低下面代码中的不透明度值来实现的。但是当我尝试搜索代码：opacity: 0.3时，我没有在网站文件中的任何位置获取该代码。我试过了fgrep -r "opacity : 0.3"，但我仍然没有找到它。不透明度代码来自我们正在使用的第三方插件。

有没有办法覆盖图像的不透明度[通过添加新类来表示在link中显示在马克之外的图像？

图片：

Answer 1

可以使用

覆盖样式

style="opacity:1"

在元素。

或者在你的css中创建一个新类：

.aitraph>svg>image{
  opacity:1 !important;
}

并为您的元素提供此ccs类。

Answer 2

您可以覆盖它的唯一方法是在样式表中的CSS属性之后使用！important标记。如果您不使用重要内容，那么内联样式将始终是任何样式表的先例。

示例：

.whateverClass {
 color: 000 !important;
}

编辑：现在知道你没有能力为元素添加一个类，你可以使用css子选择器，如下所示，因为我可以在你可以定位的svg父对象上看到一个ID：

https://jsfiddle.net/sLtgsqyk/

html示例：

<div id="test">
 <svg width="391" height="391" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink= "http://www.w3.org/1999/xlink">
  <image href="https://i.stack.imgur.com/KUQYl.png" x="0" y="0" height="1276" width="2000"/>
 </svg>
</div>

CSS：

#test > svg > image
 {
   height: 1000px !important;
   width: 1500px !important;
 }

Answer 3

您可以为图片添加新课程（例如.opacity_img）并设置样式opacity:0.3!important

不喜欢!important，但它可以帮助你