opacity 相关问题

不透明度是图形对象遮挡在其后面渲染的对象的程度。

Bootstrap 轮播不透明度图像和文本

我正在尝试使用 Bootstrap Carousel 使背景图像处于低不透明度,标题文本处于满容量。我正在尝试找到一种方法来定位每个滑块图像而不带...

回答 1 投票 0

Phaser 做出淡入黑色反应,无法重复事件

我正在尝试向我的游戏添加淡入黑色事件。它在触发某个对话后触发,并导致屏幕淡入黑色,然后切换到另一个场景。我首先创建...

回答 1 投票 0

保存动画散点图时丢失不透明度信息

大家好,我对使用 python 还很陌生,目前正在运行以下代码来为我的模拟生成动画散点图: 将 numpy 导入为 np 将 matplotlib 导入为 mpl 导入 matplotlib。

回答 1 投票 0

Tailwind CSS 不透明度

在我的应用程序中我有一个模型。我在模型上使用不透明度。 我现在遇到的问题是模型的主体 不应该有不透明度我该如何解决这个问题?仅在模型之外 应该有op...

回答 7 投票 0

SwiftUI + iOS17 – 应用不透明度的文本动画问题

我目前正在调查 iOS17 上的动画问题,并发现了一些与我试图理解的 iOS16 不同的行为。我已经将其调试为 iOS17 的行为...

回答 1 投票 0

如何在NextJs和TailWindCSS中不将父级的CSS赋予子级标签

我有以下代码: 我们保证 <... 我有以下代码: <div className="py-8 bg-black opacity-50"> <p className="text-white text-6xl text-center z-2 opacity-100"> Our Promise </p> </div> 我不想让不透明度影响 。 如您所见,我为 提供了 z-index 和不透明度,但没有任何变化。 当您使用 opacity-50 时,您不会减少颜色的不透明度,而是会减少元素(以及所有子元素)的不透明度。 你问的是bg-black/50

回答 1 投票 0

如何使用 CSS 使背景变暗?

我有一个带有文本的元素。每当我降低不透明度时,我就会降低整个身体的不透明度。有什么办法可以让背景图像变暗,而不是所有东西......

回答 12 投票 0

具有延迟和不透明度的 CSS 动画

我尝试使用 CSS 动画在 2 秒后淡入元素。该代码在新浏览器中运行良好,但在旧浏览器中该元素将由于“opacity:0”而保持隐藏状态。 我想要它...

回答 7 投票 0

Graphics.DrawString 指定文本的不透明度

是否可以指定使用Graphics.DrawString方法编写的文本的不透明度? 我正在做类似的事情,但如果可能的话,希望我的文本是半透明的。 目前...

回答 2 投票 0

如何设置该元素的100%不透明度?

我是网络开发初学者,正在创建我的第一个网站。我想每次都将 .maintitle 类(带有文本 Jakub Poznanski)的可见性设置为 100%,但它与悬停选项相冲突...

回答 1 投票 0

使用-webkit-box-reflect时如何设置反射的不透明度?

我一直在 Chrome 中使用 -webkit-box-reflect 属性,并且可以使用以下代码实现淡入淡出的反射(这是来自 Webkit 博客的示例代码): -webkit-box-reflect: 乙...

回答 2 投票 0

内容根据滚动位置淡入淡出

我设置了以下功能,根据其与页面顶部/底部的接近程度淡出/淡入某些内容。如果您点击 ABOU...

回答 1 投票 0

为什么不透明度包裹着我的主要内容?

我想在我的主要部分有一个背景图片。 然后下面就会有一个空的div。 其不透明度为 0.8。 下面将有一个 div 包含我的内容,并且

回答 1 投票 0

MUI为芯片标签/图标和背景设置不同的不透明度

我正在尝试在 MUI 芯片上为标签/图标和背景设置不同的不透明度。 我的目标是创建芯片:标签和图标不透明度 = 1,背景不透明度 = 0.0571。 项目技术:R...

回答 1 投票 0

如何更改 QML 矩形不透明度而不影响其上内容的颜色?

我只想设置矩形上的不透明度,但显示在其顶部的文本也会变得透明。 如何在不更改不透明度的情况下仅设置背景矩形的不透明度...

回答 1 投票 0

我希望当我将鼠标悬停在其中一项项目上时,其他项目的不透明度将减少到 0.5。我该怎么办?

我希望当我将鼠标悬停在其中一项项目上时,其他项目的不透明度将减少到 0.5。我该怎么做? .服务项目{ 内边距:50 像素 30 像素 40 像素; 边框:1px 所以...

回答 1 投票 0

CSS 的不透明度(如果可能的话,使用 Bootstrap v4)

我正在尝试让卡片不透明,但据我所知,我必须使用 CSS,因为 BS v4 没有它。在 CSS 中,不透明度似乎不起作用。 我正在尝试让卡片具有不透明度,但据我所知,我必须使用 CSS,因为 BS v4 没有它。在 CSS 中,不透明度似乎不起作用。 <div class="jumbotron big-banner" style="height: 100vh"> <div class="container"> <div class="row justify-content-md-center mt-5"> <div class="col-3"> <div class="card"> <div class="card-body"> <h5 class="card-title">Login</h5> <p class="card-text"> <label for="signUpUsername">Username</label> <input type="form-input" class="form-control" id="signUpUsername"> <label for="inputPassword">Password</label> <input type="password" class="form-control" id="inputPassword"> <small id="passwordHelp" class="form-text text-muted">Never share your password.</small> <button type="submit" class="btn btn-secondary btn-sm">Submit</button> </p> </div> </div> </div> <div class="col-3"> <div class="card"> <div class="card-body"> <h5 class="card-title">Sign-Up</h5> <p class="card-text"> <label for="signUpUsername">Username</label> <input type="form-input" class="form-control" id="signUpUsername"> <label for="signUpPassword">Password</label> <input type="password" class="form-control" id="signUpPassword"> <small id="passwordHelp" class="form-text text-muted">Never share your password.</small> <label for="inputFirstName">First Name</label> <input type="form-input" class="form-control" id="signUpFirst"> <label for="inputLastName">Last Name</label> <input type="form-input" class="form-control" id="signUpLastName"> <label for="inputBio">Bio</label> <input type="form-input" class="form-control" id="signUpBio"> <small id="bioHelp" class="form-text text-muted">Enter a description. Other users will see this.</small> </p> <button type="submit" class="btn btn-secondary btn-sm">Submit</button> </div> </div> </div> </div> </div> </div> CSS .card-body { opacity: 0.2; } 我尝试将其应用到不同的 div,但不透明度仍然不显示。 你是对的,Bootstrap v4 没有 Opacity 实用程序类,此功能是在 Bootstrap v5.1 中添加的 但是,您可以轻松地将其添加到全局站点样式表中以创建它们 .opacity-0 { opacity:0!important; } .opacity-1 { opacity:0.2!important; } .opacity-2 { opacity:0.4!important; } .opacity-3 { opacity:0.6!important; } .opacity-4 { opacity:.8!important; } .opacity-5 { opacity:1!important; } 使用 Html 的 Codepen 示例

回答 1 投票 0

Python-fu:如何批处理颜色到 alpha 和不透明度阈值

我正在尝试使用 Python-Fu 脚本在 GIMP 2.10 中批处理图像。该脚本应对文件夹中的每个图像应用以下转换: 颜色到具有 RGB 值的 alpha (246, 246, ...

回答 0 投票 0

更改笔刷的 InkDrawingAttributes 不透明度

我使用颜色选择器用笔绘图,但使用此代码我无法更改笔颜色的不透明度: InkDrawingAttributes inkDrawingAttributes = InkCanvas.InkPresenter.CopyDefaultDrawingAttri...

回答 2 投票 0

顺风背景图像不透明度过渡

在我的网页中,我正在尝试使用 bg-[url('path')] 更改为 div 提供背景图像我有一个具有对象数组的 React 组件,其中一些对象具有名为颜色 ...

回答 0 投票 0

© www.soinside.com 2019 - 2024. All rights reserved.