タイトルなどで、背景に色をつけて文字を表現する場合などに、以下のように記述すると、背景だけでなく文字も透過されてしまいます。 ※上記サンプルの上段みたいになる・・・ 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で
![cssで背景だけを透過する(文字は透過しない)方法 | IT女子のお気に入りフォルダ](https://cdn-ak-scissors.b.st-hatena.com/image/square/f6a97f3d2b56c8f4477939e26915504baa7dadaf/height=288;version=1;width=512/https%3A%2F%2Fsachips.byeto.jp%2Fwp%2Fwp-content%2Fuploads%2F2013%2F11%2Fcss_bg_color_rgba.png)