CSS
 Computer >> コンピューター >  >> プログラミング >> CSS

Firefox、Safari、Chrome、OperaでのCSSの不透明度

Firefox、Google Chrome、Operaなどの最新のすべてのWebブラウザーで不透明度を設定するには、不透明度プロパティを使用してCSSクラス-

で設定します。 
transparent{
   opacity: 0.3;
}

以下は、最新のブラウザで不透明度を処理するためのコードです-

例

<!DOCTYPE html>
<html>
<head>
<style>
body{
   font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
}
img {
   width:270px;
   height:200px;
}
.transparent{
   opacity: 0.3;
}
</style>
</head>
<body>
<h1>Opacity example</h1>
<img src="https://i.picsum.photos/id/505/800/800.jpg" >
<img class="transparent" src="https://i.picsum.photos/id/505/800/800.jpg" >
</body>
</html>

出力

上記のコードは次の出力を生成します-

Firefox、Safari、Chrome、OperaでのCSSの不透明度


  1. どちらが速い? IE 11 対 Firefox 対 Google Chrome 対 Opera

    Web ブラウザーは、今日のインターネット拡張世界で最も使用されているソフトウェアの 1 つと見なすことができます。ブラウザの速度とは、ユーザーがインターネットに接続できる速さ、ウェブページを開くのにかかる時間、起動にかかる平均時間を意味します。 ブラウザの速度はさまざまな要因によって異なります。以下の要因が挙げられます: コンピュータの仕様 インターネット接続の速度 ブラウザの種類 私たちが好むブラウザがあなたにぴったりである必要はありません。そのため、どのブラウザが最速かを知るために、次のブラウザ ベンチマークでスピード テストを行いました。 したがって、どのブラウザが最速か疑問に思っ

  2. Mac 上の Chrome、Safari、Firefox で要素を検査する方法

    「巨大な脳のニューロンのように、私たちは今、インターネットに接続しています」 ~ スティーブン・ホーキング そうですね、その通りですね。インターネットの力は無敵です！ Web には、何百万もの Web サイトと情報があふれています。調査のために特定の情報を探す必要がある場合でも、単にエンターテイメント ポータルをブラウジングしたり、ソーシャル メディアを掘り下げたりする場合でも、ウェブサイトは私たちをガジェットに釘付けにする主要な情報源として機能します。 画像ソース:YouTube ウェブサイトの使用中に「要素を検査」機能について聞いたことがありますか? Inspect Element は