window
トップページ > 過去ログ > 記事閲覧
*リンクにマウスが乗った時の色について
日時： 2006/12/19 18:45
識別： ID:PR4ZsfOmIrR.
名前： ビギナー
「リンクにマウスが乗った時の表示を色々変えてみる」について質問です。まず、サンプル2のようにページ内の色(黒文字から赤文字へ)を変化させることに成功しました。参考までに「背景/文字の設定」は、「背景(白) 文字(黒) リンク(黒) 既読リンク(黒) 選択リンク(赤)」となっています。ところが、ページの一部はオレンジ色の下地に白文字となっていて、ここにリンクをつけると当然に黒色となります。しかし、本来なら（白文字から赤文字へ）としたいのですが、リンク箇所を「スタイル設定」で「現在のタグのみにスタイル設定」を選択、「カラーと背景」で「前景色」を「白」とすると、ページ箇所は白文字になるものの、マウスを移動しても赤文字になりません。この場合、どういった解決策がありますか?

簡単にいうと、ページ全体は(黒文字から赤文字へ)ですが、ページの一部を(白文字から赤文字へ)に設定する方法です。

お手数ですが、ぜひご回答のほどを。

Re: リンクにマウスが乗った時の色について ( No.1 )
日時： 2006/12/19 20:08
名前： Newのり太

> 「背景/文字の設定」は、「背景(白) 文字(黒) リンク(黒) 既読リンク(黒) 選択リンク(赤)」となっています。
ページのプロパティでの話でしたら、
スタイルシートでリンク色を指定しているのですから、
こちらは不要ではないかと思います。

リンク文字の色の指定方法は2通りあります。
・bodyタグの、link、vlink、alink の各属性 （ページのプロパティで設定）
・スタイルシートの擬似クラス :link、:visited、:active、:hover （スタイルシートマネージャーで設定）

スタイルシートを使おうとされるなら、色や大きさなど、
見栄えに関することはすべてスタイルシートで統一されることをお奨めします。

> 本来なら（白文字から赤文字へ）としたいのですが、リンク箇所を「スタイル設定」で「現在のタグのみにスタイル設定」を選択、「カラーと背景」で「前景色」を「白」とすると、ページ箇所は白文字になるものの、マウスを移動しても赤文字になりません。この場合、どういった解決策がありますか?
通常は前景色・白で、オンマウス時に前景色・赤のクラスを定義しておき適用すればよいと思います。
具体的な方法は、こちら参照。
http://www.wsb.jp/hpb/css/link.htm#05
一点だけ注意：
スタイルクラスのツールバーを利用する場合、test:hover を選択してはダメです。
まず、スタイルシートマネージャーで、
a.test→前景色・白、a.test:hover→前景色・赤 と設定しておき、
ツールバーでは、testを選択するようにしてください。