hr タグが単色白に設定されているのに半透明になるのはなぜですか?

Question

私は HTML (ブートストラップ付き) と CSS を持っています。私の HTML にはクラスを持つ <hr> タグがあり、CSS にはその境界線スタイルがあります。半透明で白い色は見えますが、「固体」ではありません。思ったほど青白くなく、完全にしっかりしていればいいのにと思います。

リーリー リーリー

次のようになります:

正直に言うと、ボーダーのトップスや色などを使ってスタイリングしてみたのですが、どれもうまくいきませんでした。

これが私が望む見た目です:

Answer 1

新しいブート バージョンには、ある程度の透過性を持つ特別な「垂直ルール」クラス/ルールがあります。

これを回避するには、CSS ルールに opacity: 1.0; を追加します。

リーリー リーリー