Home > stylesheet > IEでaタグ以外にhoverを効かせる方法

IEでaタグ以外にhoverを効かせる方法

えー、floatの続きを書こうと思ったのですが、
表題の内容が今日解決して、面白かったので書きます。

どうするかというと、IEに特殊なスクリプトを読ませることで解決します。
なにやら最初は難しそうでしたが、やってみたら簡単でした。
以下、方法。

①こちらのサイトから'csshover.htc'ファイルをダウンロードします。
http://www.xs4all.nl/~peterned/csshover.html#changes
(・ver 1.42はhoverとactive、ver2.02はver1.42+focusが使えるようになるようです。
・コードが出る場合は、全選択→テキストエディタに貼り付けて保存)

②cssの入っているフォルダに保存します。
(htmlと同じフォルダでも可)

③cssのbody部分に以下のように追記します。

body{
behavior:url("css/csshover.htc");
}

(※htcファイルの位置はhtmlファイルからの相対パスか、絶対パスで指定します。)

これでOK。
IEでaタグ以外にhoverが使い放題になります。

関連記事

このブログを書いているsayjiroは最近会社を立ち上げました。小さな小さな会社ですが、一緒に働く仲間を探している今日この頃です。
社員が僕しかいない小規模零細企業ですが、自由に楽しく仕事をしつつWebを使って面白いことができればと思ってます。

募集している人物像:向上心がある・Webともの作りが好き(ある程度経験があると嬉しいですが、未経験でもやる気があれば可です)
お仕事内容:Web周り全般。サイト制作やデザイン、システム構築やiPhoneアプリ開発などいろいろです。
働く形態:その人に合わせて応相談(在宅とかでもいいです)


→興味がございましたらこちらからお気軽にご連絡ください!

コメント:0

コメントフォーム
設定を保存する

トラックバック:0

この記事のトラックバックURL
http://sj6.org/ie%e3%81%a7a%e3%82%bf%e3%82%b0%e4%bb%a5%e5%a4%96%e3%81%abhover%e3%82%92%e5%8a%b9%e3%81%8b%e3%81%9b%e3%82%8b%e6%96%b9%e6%b3%95/trackback/

Home > stylesheet > IEでaタグ以外にhoverを効かせる方法

フィードとか

ページの上へ