グローバルナビにイメージ背景はめ込み
2011年07月29日 19:49:00
テーマ：追加HTML&CSS
昨日からグローバルナビにイメージをはめ込んだと思いますが、背景イメージを挿入しても何故か反映されなかったので、省略していた下記赤文字部分を挿入したところ反映されました。
/*-- リンクエリア --*/
#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です。
続きを読む...
