BOOTSTRAPのbadgeを透過させる方法

Question

お世話になります。
BOOTSTRAPのbadge-darkを利用しながらバッジを半透明にしたいです。

        .badge-dark {
            position: absolute;
        }

例えば上記CSSバッジを半透明にする時はどのように設定すればいいのでしょうか？

調べたサイト
https://www.attend.jp/html_171106
https://proengineer.internous.co.jp/content/columnfeature/6251

よろしくお願い致します。

Comments

[m.ts10806]

調べたのは良いとして何も試してませんか？試したことを以て何が起きているのか、記載してください

Answer 1

以下を試してみて頂けますか？
透過するのであれば背景色も考えて0.3から0.6の間がおすすめです。

.badge-dark {
opacity:0.3
}

スペルの間違いにも気を付けてください。

Comments

[退会済みユーザー]

スペル間違えてました

[kyoya0819]

MarkDown文法をご利用ください

[退会済みユーザー]

ありがとうございます。MarkDown試してみます！

[kyoya0819]

いや回答者にです

Answer 2

opacityでいいのかな？

.badge-dark {
  position: absolute;
  opacity: /*お好きな値*/
}

サンプル（opacityの値を大きくすると透明度が減ります。）

Comments

[退会済みユーザー]

サンプルありがとうございます！