在css中为图像赋予不透明度使文本变得模糊

文章/答案/技术大牛

发布

2回答

html、css、image、hover、opacity

我有一个图像，在悬停图像时，文本会显示，现在我又给了一个东西，在图像悬停时，背景会变得模糊，图像应该会显示，但图像变得不清楚，我的代码如下： .sip { width

浏览 25提问于2020-01-13得票数 1

回答已采纳

1回答

Material-UI:背景上方的文本，不透明

css、reactjs、material-ui

我想要一个不透明度为0.5的背景图像，然后在顶部有一个不透明度为1 (无不透明度)的文本。这样，背景会稍微模糊一些，文本更容易阅读。现在，背景图像没有显示，但不透明度正在影响文本。

浏览 20提问于2021-04-02得票数 2

回答已采纳

1回答

移动浏览器中.scroll功能存在的问题

javascript、css

我试图得到一个div从100%的不透明度到0%的不透明度在滚动。 'opacity': (1 - st / 40)}); (在小提琴中发生的事情是，上面的div会变得不透明:0当你滚动时，在它下面显示另一个div与相同的背景-图像，但<em

浏览 1提问于2016-01-05得票数 0

回答已采纳

2回答

如何模糊div (长方体)

html、css、blur

如何使用CSS将高斯模糊应用于包含文本的DIV。基本上，我想要实现的是有一个高斯模糊的框，但文本在正常的方式。这可以做到吗？我不知道怎么回事，我试过了，但就是做不到。例如:就像我的div设置为不透明度: 0.75一样，我希望div是透明的，但带有高斯模糊，因为在背景中我有一个运动的图像，所以我希望框是模糊的。

浏览 2提问于2014-05-11得票数 1

1回答

试图在滚动视频上获得模糊效果

javascript

我发现一个伟大的小脚本模糊了背景图像的卷轴。希望我能让它在背景视频上工作。实际上是这样的。但它似乎在某种程度上倒退了。视频一开始正确加载。当你开始滚动，它立即消失，然后开始淡入，而不是退出。在背景图像上似乎没问题。但不是在视频里。 <link href="https://cdnjs.cloudflare.com/ajax/libs&#x

浏览 4提问于2021-07-30得票数 0

回答已采纳

3回答

CSS (或不)动画图像，它变成透明的鼠标，然后又变得不透明。

css、image、transparency

呵呵，伙计们一定要问，我得拍一张有点透明的图片(比如0,4)，然后它的大小增加到2倍，然后又变成不透明的(不透明度1)，而文本一直没有改变它的位置。transition-property: width; 我做了一个css代码，只是为了增加尺寸和透明度，但是在我的4秒动画之后，我不知道如何使它再次变得不透明

浏览 5提问于2014-10-17得票数 0

回答已采纳

1回答

使用css滚动快照，如何使图像在视图中不模糊(不那么不透明)？

javascript、html、css

在这个div中有图像，我使用css滚动快照在其中滚动-对齐:开始。列表中的下一个图像(右侧不可见的图像)需要比当前视图中的图像更不透明。另外，当我在这里的时候，是否有人可以帮我做无休止的卷轴，所以图像从一开始就开始了吗？

浏览 2提问于2020-04-01得票数 1

回答已采纳

1回答

如何检测现代的css模糊支持？

modernizr

如何检测浏览器是否支持css模糊？我需要禁用所有模糊(或启用) css模糊只支持在css中的浏览器。

浏览 12提问于2017-02-15得票数 0

5回答

如何使不透明度仅应用于div类中的背景

css、class、html、opacity

当我将不透明度设置为我的主体div类时，它使文本和其他所有内容也变得不透明。我只想让灰色背景具有不透明度。下面是我的代码：contentCSS：{border:2px solidtop:auto;left:30

浏览 1提问于2014-04-17得票数 0

2回答

如何在CSS中实现透明效果？

css

我在我的网页背景中使用了一张图片。现在，当我在前端使用表格时，我希望它有一些透明的效果。？我怎么能做到这一点。semiTransparent filter: alpha(opacity = 50); } 此代码在CSS文件中不起作用

浏览 2提问于2009-11-25得票数 2

回答已采纳

1回答

图像前面的模糊元素

html、css、reactjs、blur

所以我有了一个图像。在图像前面是具有宽度和高度的简单元素。我想要模糊那个元素，这样看起来图片的那一部分是模糊的。我不能在该元素中包含任何图像或背景图像。我想在不使用任何附加图像的情况下实现此效果，只使用css。我试着把背景颜色，减少不透明度和滤镜:模糊，但它看起来不太好。我仍然可以读懂本应模糊的文本。

浏览 0提问于2018-04-22得票数 0

3回答

我一直在努力理解我一直在从事的一个项目中的CSS交互。下面是一个重现它和我用过的css的代码。，但也有文本，它不是模糊的。因此，根据我的理解，降低.container的不透明度会使.container及其所有子组件更加透明。也就是说，它越低，就越容易看到所有元素下面的白色背景。我不明白的是，为什么不透明度也让.container变得完全透明。通过它，我可以清楚地看到背景图像。我所期望的是容器装满红色

浏览 33提问于2019-01-24得票数 0

1回答

如何生成弯曲文本？

php、gd、watermark

我需要水印与曲线文本的图像。如何生成弯曲文本？

浏览 0提问于2010-05-19得票数 3

2回答

顶部带有文本的不透明图像(CSS)

html、css

我正在尝试使用css来有一个具有不透明属性的背景图像，同时仍然可以正常地通过图像顶部显示的文本(没有不透明属性)。我尝试在div id =“page”部分后面放置一个，但它只是将文本下推到图像下面。

浏览 2提问于2011-12-24得票数 0

回答已采纳

6回答

鼠标移动，改变图像的不透明度和叠加文本

javascript、jquery、html、css、overlay

当我鼠标移动到缩略图上时，我想把不透明度和覆盖文本放到缩略图上。我有几个关于如何去做的想法，但我相当肯定它们是低效和笨拙的。我看到的问题是，它似乎是不必要的空间和带宽的使用，并将导致缓慢的负载时间。我怎样才能完成这个

浏览 15提问于2011-06-16得票数 3

回答已采纳

2回答

悬停不透明度与悬停图像不同

html、css、image、hover

我使用CSS‘：悬浮’规则使图像“消失”，并使用不透明更改重新出现。我有图像A，在图像A旁边，我有图像B。图像B的不透明度设置为0。当我悬停在图像A上时，我想将图像B的不透明度更改为1： <img class="a"

浏览 4提问于2014-02-06得票数 0

回答已采纳

2回答

如何在显示图像时使silverlight按钮透明？

silverlight、silverlight-3.0、button、transparency

我有一个以编程方式创建的按钮，它的内容是一个带有图像和文本块的堆栈面板。这一切都很好用。我想让图片和文本后面的按钮透明，这样图片和文本看起来就像是坐在背景上，但仍然具有按钮的所有属性(即有人在按钮区域单击，它仍然注册按钮单击事件)。我一直在处理不透明度，但我处理按钮的每个不透明度似乎也会将整个按钮(包括图像和文本)设置为该不透明度值。如何<em

浏览 0提问于2010-03-16得票数 3

回答已采纳

1回答

如何提高高斯模糊的不透明度

java、image-processing、alpha

我有一个Java应用程序，在该应用程序中，我需要在图像的顶部绘制文本。文本、字体和图像都是在运行时确定的。文本需要看起来很好，但在图像顶部要有可读性(足够的对比)。这是通过将文本绘制为不透明的黑色，在空白/透明的BufferedImage上，然后应用高斯模糊过滤器。然后我再用不透明的白色在下垂的阴影上画文本。所以我有不透</em

浏览 3提问于2012-04-10得票数 2

回答已采纳

2回答

应用不透明而不影响子元素

jquery、css

我有一个有背景图像的div，当它盘旋时，div将被赋予0.7的不透明度。问题是不透明也适用于span，所以文本并不像我期望的那样突出。在悬停事件中，我试图将span设置为不透明1，但这没有任何进展。

浏览 5提问于2013-10-12得票数 2

回答已采纳

1回答

子不透明度影响父对象

html、css、opacity

我有一张图像，当悬停在上面时，不透明度会降低。我在DIV上面的DIV中有包含图像的文本，它受图像的不透明度设置的影响。文本应该是实心的，而图像会变得透明。不幸的是，这两个元素在悬停时都变得透明了。我认为既然文本被认为是父元素，它就不应该受到图像不透明度设置的影响。h1>

浏览 2提问于2013-02-10得票数 0

点击加载更多