14得票3回答
使用CSS覆盖透明div中的不透明文本

我正在尝试让透明 div 内的文本没有不透明度,即完全变成黑色:<div style="opacity:0.6;background:#3cc;"> <p style="background:#000;opacity:1">This text should be...

14得票3回答
当div滚动到视口时淡入

好的,所以我一直在寻找一种简单的方法,在用户滚动时淡入一个 div,但我找不到一个直接的解决方案。 HTML<div class="container"> <div class="topdiv">This is a 100% height div. User scr...

7得票4回答
在Flutter中实现高性能的模糊/透明效果?

我喜欢使用BackdropFilter制作模糊的霜效果(请参见此链接)。 然而,由于BackdropFilter具有不透明度,并且我要模糊的部件也具有不透明度,因此性能非常糟糕。这也是因为我每秒重绘我的部件几次,但鉴于Flutter可以达到60fps,这不应该是问题吧? 我打开了check...

14得票3回答
HTML5中填充轮廓的透明度

我正在开发一个基于HTML5的涂鸦应用程序,希望添加一个桶功能。思路是绘制路径,然后闭合并填充所选颜色(描边的颜色)。这在实心颜色下可以正常工作,但如果我想要使用透明的描边和填充,就会遇到以下问题: 问题是填充仅进行到描边的中心点(路径的实际采样点),因此形状内部有一条线,其长度等于描边...

8得票2回答
CSS透明度在IE9中导致布局问题

我在IE9中遇到了一个非常有趣的问题。当在包裹块上使用filter: alpha(opacity=)或-ms-filter CSS属性时,内部块元素的盒模型会被破坏。换句话说,垂直边距的折叠被禁用并添加了垂直边距。我只在IE9中遇到了这个问题,IE7/8没有受影响。 这里是一个带有隔离问题的...

54得票4回答
CSS过渡透明度淡入背景。

当用户悬停在图像上时,我正在进行淡入透明白色的transition。我的问题是,我需要更改淡出的颜色为黑色。我已经尝试将background:black;添加到包含transition的类中,但不幸的是它仍然淡出为白色透明。我使用的CSS代码是: .hover:hover { op...

41得票1回答
为什么子元素不能覆盖其父元素的不透明度,即使子元素的值较大?

众所周知,子元素目前无法覆盖其父元素的opacity属性。父元素的opacity属性总是生效。 当子元素试图降低(使用较小的值覆盖)其父元素的不透明度时,这是有道理的。但是,如果子元素试图使用更大的值来覆盖它,怎么办?难道不能允许吗?为什么一个半透明的父元素不能有一个不透明的子元素?有人能分...

38得票4回答
如何使div的背景色半透明?

我只想让我的div背景色大约50%半透明,内容应该完全不透明。正确的方法是什么?当我查看background CSS属性时,想象中会找到一个不透明度设置,但没有。不用考虑IE6。 更新:使用下面给出的rgba解决方案,并与CSS3PIE的解决方案一起使用以在IE浏览器中使rgba生效。

538得票4回答
使用CSS实现页面加载时的淡入效果

可以使用CSS转换来使文本段落在页面加载时淡入吗? 我非常喜欢http://dotmailapp.com/上的效果,并且很想使用类似的CSS效果。该网站已被收购,不再具有所提到的效果。您可以在Wayback Machine上查看归档副本。 示例 有以下标记:<div id="tes...

71得票12回答
如何在不影响子元素的情况下应用不透明度,使用HTML/CSS?

我希望使用 HTML 和 CSS 实现以下效果: 我已经尝试将容器的不透明度设置为0.3,而将盒子的不透明度设置为1,但是它没有起作用:两个div都具有0.3的不透明度。 这里是我尝试的jsFiddle链接 我想要实现的效果是一个弹出框位于页面顶部。通过降低下面内容的不透明度来...