グローバルナビにイメージ背景はめ込み
昨日からグローバルナビにイメージをはめ込んだと思いますが、背景イメージを挿入しても何故か反映されなかったので、省略していた下記赤文字部分を挿入したところ反映されました。
/*-- リンクエリア --*/
#sub_header ul.gnavi li a {
・
・
・
background: #21a0ff url(http://blog.town-nets.com/blog/iha/file/dadb323e64.JPG) center top repeat-x;
・
・
・
}
修正したCSSソースは下記の「続きを読む」からどうぞ。今回はCSS3で出来る角丸メニューを追加しました。
まあヘッダー部分を見ればわかると思いますが。
ちなみに今回使用した画像ですが、アメブロでやってる私のブログからパクってきました(笑)
訓練校に通ってるときに制作したものなので大丈夫です。
こちらが通常リンク時(ON)で、
こちらがポイント時(OFF)・アクティブ時です。
追記:角丸が反映されるブラウザは、Firefox、Google Chrome、IE9です。