質問: このサイトでは、顔の画像をHOVERすると、ふきだしが出ます。 ![![スクリーンショット](https://teratail-v2.storage.googleapis.com/uploads/contributed_images/a064560be571760d4add68944fb51ca3.png)] 要素をINSPECTしてみても、分からないの点が2つあります。 1application...と表示されます。 2背景の画像が小さい ``` .head .post-it { application... position: absolute; top: -10px; left: 65px; width: 21px; height: 31px; background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABUAAAAfCAYAAAAIjIbwAAAAAXNSR...kTSUGLxU2VCZdVC+pBNVjI1Tl1ZePV0ixAuxysBOV2Jf4Gj82OG+a84P4AAAAASUVORK5CYII=) no-repeat; display: none; ``` これはCSSだけではなく、別の方法?で行っているのでしょうか? アドバイスを頂けましたら幸いです・・・
回答: CSSで設定されているのは画像の境界線の黄色い部分だけで、吹き出しはスクリプトですね。 背景の画像が小さいというのはどういうことでしょうか? 顔は2580*100と横一列のスプライト画像にしているようです。