WordPress で Web サイト構築試行錯誤: CSS ドロップダウンメニューを半透明にしたい

WordPress の 2011 デフォルトテーマ Twenty Eleven の CSS ドロップダウンメニューを半透明にしてみます。

子テーマの style.css に以下を加えました。

/* ドロップダウンメニュー透過
----------------------------------------------- */
#access li:hover > a,#access ul ul :hover > a,#access a:focus {
   background:#333333;
   filter:alpha(opacity=70);
   -moz-opacity:.70;
   opacity:.70;
   color:#FFFFFF;
}

#access ul ul a {
   background: #000000;
   filter:alpha(opacity=60);
   -moz-opacity:.60;
   opacity:.60;
   color:#BBBBBB;
}

適用前。

wp_menu_opacity_01.png

適用後。

wp_menu_opacity_02.png

コメントを残す

このサイトはスパムを低減するために Akismet を使っています。コメントデータの処理方法の詳細はこちらをご覧ください