脱 三日坊主 宣言！

ダイナミックに変化する？

「:hover 擬似クラスをダイナミックに動かすウラワザ」によると、擬似要素と擬似クラスがタッグを組んだときの思わぬ挙動に悩まされることがあるらしいです。で、実際にどうなるのか試してみようと思ったのですが、うちの Mozilla Firefox (私的愛称：Revontulet) ではどうしても再現しません。なぜでしょう？ ちなみにでっち上げた CSS は以下の通り。

<style type="text/css">
 <!--/* 擬似要素と擬似クラスがタッグを組んだ時 */
  abbr[title]:after,
    acronym[title]:after {
    content: "（ "attr(title)" ）";
  }
  a,
  a[name]:hover {
    color : inherit;
    background-color : inherit;
    text-decoration : inherit;
  }
  a:link {
    color : #000099;
    background-color : inherit;
    text-decoration : underline;
  }
  a:visited {
    color : #660066;
    background-color : inherit;
    text-decoration : underline;
  }
  a:hover,
  a:focus {
    color : #f7f7f7;
    background-color : #A757A8;
    text-decoration : underline overline;
  }
  a:active {
    color : #f7f7f7;
    background-color : #185A3F;
    text-decoration : underline overline blink;
  }
 /* はたしてどうなることやら */-->
</style>

以下はこれを適用したサンプルです。

http://www.jttk.zaq.ne.jp/kouseidou/webmaster/diary/sample_20040309-1.html

マウスカーソルをアンカー部分に載せるまでは CSS ( Cascading Style Sheets ) でイケてるデザインサイトリンク集 2 サムネイル版 と表示されているのですが、いざマウスカーソルを載せると CSS でイケてるデザインサイトリンク集 2 サムネイル版 と、:after 擬似要素の内容が消えてしまうのです。載せた瞬間にアンカー部分が縮みます。早業です。しかもその内容の文字数が多いほど、ダイナミックに縮むように見えます。

って、noteさんは書いていらっしゃるのですが、動く気配すら全くありません。(早過ぎて見えないのか？(嘘) ) 僕が頓珍漢な事をやっている可能性が高いので、ダイナミックに縮むサンプルをアップして頂けないでしょうか？＞noteさん

TrackBack

Trackback 用の URI が書かれているのに、Trackback Ping を送信するフォームが無いページにはどうやって Trackback Ping を送信すれば良いのだろう？ 自前で送信フォームを用意しなきゃダメなのかな？

と言っても、よっぽどの事が無い限り、今まで通り refer を残すだけで、Trackback Ping を送信する事は恥かしいから殆ど無いと思うけどね。