我想在將鼠標懸停在圖像上時顯示說明。我已經以一種不太理想的方式做到了這一點，在這里使用了圖像精靈和鼠標懸停：我希望它看起來像我擁有的樣子，但是使用真實文本而不是圖像。我嘗試了幾種不同的方法，但似乎無法弄清楚該怎么做。我正在嘗試僅使用HTML和CSS進行操作，但不確定是否可行。隨意在我的代碼中四處瀏覽，我將粘貼我認為與之相關的內容。的HTMLdiv#projectlist {  width: 770px;  margin: 0 auto;  margin-top: 20px;  margin-bottom: 40px;}div#buzzbutton {  display: block;  float: left;  margin: 2px;  background: url(content/assets/thumbnails/design/buzz_sprite.jpg) 0 0px no-repeat;  width: 150px;  height: 150px;}div#buzzbutton:hover {  background: url(content/assets/thumbnails/design/buzz_sprite.jpg);  width: 150px;  height: 150px;  background-position: 0 -150px;}div#slinksterbutton {  display: block;  float: left;  background: url(content/assets/thumbnails/design/slinkster_sprite.jpg) 0 0px no-repeat;  width: 150px;  height: 150px;  margin: 2px;}div#slinksterbutton:hover {  background: url(content/assets/thumbnails/design/slinkster_sprite.jpg);  width: 150px;  height: 150px;  background-position: 0 -150px;}<div id="projectlist">  <div id="buzzbutton">    <a href="buzz.html" title=""><img src="content/assets/thumbnails/transparent_150x150.png" alt="" /></a>  </div>  <div id="slinksterbutton">    <a href="slinkster.html" title=""><img src="content/assets/thumbnails/transparent_150x150.png" alt="" /></a>  </div></div>