カーソルを重ねたときに吹き出しを表示する 今回のサンプルではリンクを設定したボタンにカーソルを重ねると、ボタンの下に吹き出しを表示するように設定した。カーソルの動作によってボタンとは別の場所に何かを表示する場合、一般的にはJavaScriptを利用するが、ここではCSSだけで設定している。 a{ display: block; width: 120px; height: 30px; overflow: hidden; } span{ display: block; width: 193px; height: 112px; background-image: url(home.png); background-repeat: no-repeat; text-indent: -9999px; cursor: pointer; } #movie span{background-image: ur
![CSS技研:ロールオーバーボタンで吹き出しを表示する - builder by ZDNet Japan](https://cdn-ak-scissors.b.st-hatena.com/image/square/9ad2372c54bac2aba226a59b4e799665c9f2c777/height=288;version=1;width=512/https%3A%2F%2Fbuilder.japan.zdnet.com%2Fstorage%2F2011%2F01%2F24%2F40d91581002d3a86bdac44bb322e2712%2Fstory_media%2F20389595%2F090310html-css_184x138.jpg)