Question

我正在尝试取消图像的文本模糊处理，这是我无法使用的图像

img[Attributes Style] {
   width: 109px;
   height: 19px;
   border-top-width: 0px;
   border-right-width: 0px;
   border-bottom-width: 0px;
   border-left-width: 0px;
   border-top-style: solid;
   border-right-style: solid;
   border-bottom-style: solid;
   border-left-style: solid;
}

<img src="https://dummyimage.com/300x300" width="109" height="19" 
style="vertical-align:top;" border="0">

打开opacity :1失败的检查器后，我无法编辑该CSS

image

Answer 1

问题是不透明度不会使图像模糊。它用于调整图像的透明度。您应该使用的是过滤器：blur（1px）; -webkit-filter：blur（1px）;

增大像素值会增加图像的模糊性，增大像素值会使图像更模糊

Answer 2

根据您为图片提供的链接，我想知道...

图像本身模糊不清吗？我的意思是它不会被代码模糊吗？

此外，您提供的CSS中也看不到任何有关模糊的信息。

如果我的假设正确，那么您将无法使用CSS对此进行模糊处理。

我们需要获取另一张图片。

否则，@ Faizal的答案是正确的。

-webkit-filter: blur(0px);
  -moz-filter: blur(0px);
  -ms-filter: blur(0px);
  -o-filter: blur(0px);
  filter: blur(0px);

下面是CodePen上的一个示例： https://codepen.io/dzomba/pen/npdfh

如何使用CSS解开图像

2 个答案: