cssで背景だけを透過する（文字は透過しない）方法 | IT女子のお気に入りフォルダ

タイトルなどで、背景に色をつけて文字を表現する場合などに、以下のように記述すると、背景だけでなく文字も透過されてしまいます。 ※上記サンプルの上段みたいになる・・・ background-color: #ff0000; filter:alpha(opacity=15); -moz-opacity:0.15; -khtml-opacity:0.15; opacity:0.15; 背景だけを透過して、上にのせる文字は透過したくないという場合はopacityを使用せず、背景の指定でrgbaを使用します。 ※上記サンプルの下段 background-color: rgba(255,0,0,0.15); RGBAカラーモデルは、RGBカラーモデルのRed、Green、BlueにAlphaが加わったものです。 Alphaは色の透明度を表します。 サンプルの場合、背景の赤色は16進数だと#ff0000で

[studio-h]

背景だけ透過

[hardline5617]

cssで背景だけを透過する（文字は透過しない）方法