川口・さいたまの低価格なホームページ制作会社 川口・さいたまのホームページ制作会社関東ダイイチへ問い合わせる 埼玉県川口市のホームページ制作会社関東ダイイチへ電話する さいたま・川口のホームページ制作会社関東ダイイチへメールする



CSSで透明度設定|さいたま・川口の低価格なホームページ制作会社
TOPダイイチウェブニュース>cssで透明度設定

CSSで透明度設定


opacity:0.1

opacity:0.2

opacity:0.3

opacity:0.4

opacity:0.5

opacity:0.6

opacity:0.7

opacity:0.8



raba:0.1

rgba:0.2

rgba:0.3

rgba:0.3

rgba:0.3

rgba:0.3

rgba:0.3

rgba:0.8





CSSで透明に設定したいとき、「opacity」「RGBa」を使用します
「opacity」「RGBa」この二つの使い分けについて説明します
※ IEについてはIE9から対応します 他はほぼ対応!!

opacityとRGBaのしくみ

opacityのしくみ
0~1単位で設定できます
「0.1」「0.11」「0.111」

opacity:0.8




4行目の部分の数値を変えると透明度が変更される
#opacity{
	color: #999;
	background-color:#ffcc33;
	opacity: 0.8;
	width:100px;
	height:50px;

}
      
※背景+文字すべてがいっぺんに透明になる


RGBaのしくみ
0~1単位で設定できます
「0.1」「0.11」「0.111」
カラーを設定する (RGBカラーと一緒)

rgba:0.8




3行目の部分の左から4番目の数値を変えると透明度が変更される
#opacity{
	color: #999;
	background:rgba(255,204,51,0.8)
	width:100px;
	height:50px;

}
      
※背景のみが透明になる


「opacity」=プロパティ=セレクタ全体が透明に
「RBGa」=値=プロパティのみが透明に

いっぺんに透明にした場合はopacityを使い、
個別に透明にしたい場合はRBGaを使えばOKです♪

関連ニュース
jqueryとは
jquery商品スライダーの設置方法
HTML・CSSの基礎
SEOの意味・用語
ホームページ運営の基礎
Googleアナリティクスとは





ホームページ制作の料金|川口WEB会社HP制作の製作実績|川口のホームページ制作会社HP制作会社の関東ダイイチ|会社案内ウェブ制作のさいたま|関東ダイイチ|問い合わせ
Copyright © 2014 web no daiichi All Rights Reserved.  
>TOP >ホームページの必要性 >料金
>ご注文から公開まで >お問い合わせ >制作実績
>会社案内 >ダイイチニュース  >リンク
ホームページ制作|埼玉県川口市西川口2-10-1
川口・さいたまのWEB制作