opacity 相关问题

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

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

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

html css hover opacity

回答 1 投票 0

我正在尝试让卡片不透明，但据我所知，我必须使用 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 示例

css opacity

回答 1 投票 0

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

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

batch-processing opacity gimp alpha-transparency python-fu

回答 0 投票 0

更改笔刷的 InkDrawingAttributes 不透明度

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

c# uwp styles opacity

回答 2 投票 0

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

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