MozillaZine.jp フォーラム
https://forums.mozillazine.jp/

aタグに指定したborder-bottomの動作
https://forums.mozillazine.jp/viewtopic.php?f=2&t=491
ページ 11

作成者:  Kuro [ 2006年1月07日(土) 13:06 ]
記事の件名:  aタグに指定したborder-bottomの動作

こんにちわ。お世話になります。

Mozilla/5.0 (Windows; U; Windows NT 5.1; ja; rv:1.8) Gecko/20051111 Firefox/1.5
Windows XP Pro SP2

上記の環境で私が作成したサンプルページを開きます。
XHTML 1.0 Strict のドキュメントです。
http://www.kuroduction.com/doc/blinkinganchortest.html

リンクが2つありますので、リンクにカーソルを合わせてください。
a:link に border-bottom:1px を指定して、a:hover 時に消えるように設定してあります。
テキストのリンク領域の底辺ギリギリにカーソルを合わせてください。

するとリンクテキストとカーソルが点滅する現象(a:link の CSS と a:hover 時の CSS がループ?)が起きるのですが、皆様の環境では発生しますでしょうか。

Mozilla/5.0 (Windows; U; Windows NT 5.1; ja-JP; rv:1.7.12) Gecko/20050919 Firefox/1.0.7
Windows XP Pro SP2
の環境では点滅する現象は起きませんが、カーソルをある一定の位置で平行移動させると点滅します。

これはバグなのでしょうか。それとも私の CSS にミスがあるのでしょうか。
よろしくお願いいたします。

作成者:  kvex [ 2006年1月18日(水) 11:15 ]
記事の件名:  Re: aタグに指定したborder-bottomの動作

Kuro さんが書きました:
こんにちわ。お世話になります。

Mozilla/5.0 (Windows; U; Windows NT 5.1; ja; rv:1.8) Gecko/20051111 Firefox/1.5
Windows XP Pro SP2

上記の環境で私が作成したサンプルページを開きます。
XHTML 1.0 Strict のドキュメントです。
http://www.kuroduction.com/doc/blinkinganchortest.html

リンクが2つありますので、リンクにカーソルを合わせてください。
a:link に border-bottom:1px を指定して、a:hover 時に消えるように設定してあります。
テキストのリンク領域の底辺ギリギリにカーソルを合わせてください。

するとリンクテキストとカーソルが点滅する現象(a:link の CSS と a:hover 時の CSS がループ?)が起きるのですが、皆様の環境では発生しますでしょうか。

Mozilla/5.0 (Windows; U; Windows NT 5.1; ja-JP; rv:1.7.12) Gecko/20050919 Firefox/1.0.7
Windows XP Pro SP2
の環境では点滅する現象は起きませんが、カーソルをある一定の位置で平行移動させると点滅します。

これはバグなのでしょうか。それとも私の CSS にミスがあるのでしょうか。
よろしくお願いいたします。

こんにちわ。
私も、最初それ悩んでましたが、正常と言えば正常ですし、異常と言えば異常とも考えられると解釈しています。

ようするに、アンバースコアが、有り/無しになっているので、
1.マウスを乗せると消える
2.消えるとマウスが乗ってないと判断される
3.マウスが乗ってないのでhoverが解除される
4.1に戻る

ということだと思います。
ウンダースコアじゃなくても、相対位置をずらすようなCSSでも同じ現象なので、正常・異常というより、クセだと理解したほうがいいのかもです。

ほかのブラウザでの動作が正常なのか。これが正常なのか、XHTMLの仕様の話にもなってきますが

ページ 11 All times are UTC + 9 hours
Powered by phpBB® Forum Software © phpBB Group
http://www.phpbb.com/