时间戳

首页 > 解决方案 > 引导 img 不透明度

html - 引导 img 不透明度

问题描述

关于CSSbackground-image属性或<img />标签，是否有可以改变图像不透明度的引导类。

我想在它上面加上不透明的文字。我找到了这个opacity-#类，但它似乎不适用于图像 DOM 标记或 CSSbackground-image属性。

我的感觉是我只需要自己编写样式，但我希望避免这种情况......

标签： htmlcss

解决方案

不太确定是否有办法使用 boostrap 来处理不透明度

通常我用这样的 CSS 改变不透明度：

img {
  opacity: 0.5;
}

opacity 属性的取值范围为 0.0 - 1.0。值越低，越透明

对于引导程序，我只发现了这个：这是一些使用引导程序进行不透明度的示例

<div class="opacity-100">...</div>
<div class="opacity-75">...</div>
<div class="opacity-50">...</div>
<div class="opacity-25">...</div>

不透明度级别描述了透明度级别，其中 1 完全不透明，0.5 表示 50% 可见，0 表示完全透明。

引导文档

CSS IMG 不透明度

推荐阅读