忍者ブログ

ジュウリョククウカン

日記。HTML&CSSの話題とかパソコン関係の話題がメインっぽくもあるが、でもやっぱり日記。

2024'09.22.Sun
×

[PR]上記の広告は3ヶ月以上新規記事投稿のないブログに表示されています。新しい記事を書く事で広告が消えます。

2009'03.04.Wed
サイトに関する作業をいくつかする予定。

まずは不要なjsを削除。jQueryに一本化。そしてリンクページのソース最適化する。

手始めにトップのソースを見直したのだけれど、自分で書いたソースでも、時間が経つと読みにくいものですね。

それから、あとはリンクページのCSSを再調整してデータを移植すれば完了。


ブログをfc2に戻そうかと考えていたのですが、忍者のままでいきます。テンプレートは自作するかも知れません。



___________

というわけでリンクページのCSS、中核が完成しました。どっちかっていうとJSの導入でかなりの時間をとられたのですが、ともあれ。

なかなか快適な仕様に仕上がったと思いますよ? 結局IEの:hoverをfixするのは諦めて、aをblockにしたうえで:hover使ったんですけどね。

結果は、まあ押しやすくなったのでよしとしておきましょう(^^ゞ

___________

これで解決……と思ったらhoverで表示させた画像が消えないという症状が。駄目じゃん!

もう我慢ならぬ。一言言わせてくれ。


こ の ク ソ I E が ! ! !

……さて、どうしたものか。

___________

a:hoverのbackground-imageをbackground-colorに変えてみたらあら不思議、カーソルを外したときちゃんと元に戻る! どうやらiepngfixが原因ぽいです。

IE6でのみ起きる現象なので、IE7にユーザが移っていく中そこまで気にする必要もないかな、と考えています。

もーいいや。IE6以前の人には右上にアナログと表示しておこう。

やりかたはCSS Happy Lifeさんで紹介されているまんま。

___________

さてアナログ処理を終了したので、これよりデータの移植へ移るぜ。合わせてリンクの整理もするぜ!

______________________

試しにAタグのiepngfixを解除したらやっぱりpngイメージはちゃんとでたり消えたりしました。で、IEの場合はアルファpngは淡いブルーで表示されるのですが、これが今のリンク色とマッチしていてですね。

もうIE6の人はこれでいいんじゃないかと。

ついでにバグを一つ発見。block要素にしたAタグ内部の要素に記述された文字が、カーソルで重ねたときに:hoverで指定した文字色に変わらないというもの。

これは:hoverバグの一種と考えて良いのだろうか。影響はないので放置。アナログも続行です。
PR
Post your Comment
Name:
Title:
Mail:
URL:
Color:
Comment:
pass: emoji:Vodafone絵文字 i-mode絵文字 Ezweb絵文字
trackback
この記事のトラックバックURL:
[544] [543] [542] [541] [540] [539] [538] [537] [536] [535] [534
«  BackHOME : Next »
カレンダー
08 2024/09 10
S M T W T F S
1 2 3 4 5 6 7
8 9 10 11 12 13 14
15 16 17 18 19 20 21
22 23 24 25 26 27 28
29 30
プロフィール
たな
HN:
たな
近況:
 大学生活ハジマタ。ひたすら遊ぶ、その合間にプログラミングして勉強は少々な日々。小説?

Web:
 Sidewind
リンク
最新コメント
たな (10/11)
ポン会長 (10/11)
たな (09/18)
ポン会長 (09/17)
たな (08/31)
最新トラックバック
ブログ内検索
バーコード

ジュウリョククウカン wrote all articles.
Powered by Ninja.blog * TemplateDesign by TMP  

忍者ブログ[PR]