質問: ### 実現したいこと https://ssl1.suntory.co.jp/search/ja_all/index.html?q=%E3%81%8A%E8%8C%B6&r=all ![イメージ説明](https://teratail.storage.googleapis.com/uploads/contributed_images/978c0641a8d9ad0390404c5e82b1413f.gif) 上記イメージの左赤枠にホバーした際に 右赤枠のように左赤枠を拡大したものを表示したいと思っております。 アドバイスなどいただければ幸いです 特にソースのこだわりなどはございませんので サンプルソースは用意しておりません html,css,jquery,javascriptなどで作成予定です ie8にも対応させる予定です どうぞ、宜しくお願いいたします
回答: こんな感じでどうでしょうか ``` ``` ``` #thumbnail{ width:50px; } #original{ position:absolute; left:50%; display:none; } #thumbnail:hover + #original{ display:inline; } ```