鼠標經過小圖顯示大圖和詳細信息_html/css

我現在要實現一個效果是鼠標滑過小圖時顯示大圖和詳細信息，我在網上找了段代碼


CellSpacing="9">


" id="oimg" alt="" width="100px" height="100px" style="border:0" />
" border="0" width="212px" height="212px">
測試測試測試



這個實現的效果圖如下：（如果看不見圖片的就看鏈接地址）
http://img.my.csdn.net/uploads/201304/16/1366081185_5840.jpg

現在我要在大圖下再加上幾個詳細信息，像名稱，價格之類的，就出現問題了
CellSpacing="9">


" id="oimg" alt="" width="100px" height="100px" style="border:0" />
" border="0" width="212px" height="212px">

' Font-Bold="true" Font-Size="14px" ForeColor="#0063DC">

￥' Font-Size="12px" Font-Bold="true" ForeColor="#FF6600">



這個就不行了，效果就成了下面這樣
http://img.my.csdn.net/uploads/201304/16/1366081185_6372.jpg

要怎么該才能讓它一行一行的按順序顯示呢？

回復討論(解決方案)

CellSpacing="9">


" id="oimg" alt="" width="100px" height="100px" style="border:0" />
" border="0" width="212px" height="212px">

測試測試測試

這樣呢，你這個代碼，ie6是不支持

自己改一下吧。樣式可以直接改.在chrome,firefox里面沒問題.

" id="oimg" alt="" width="100px" height="100px" style="border:0" /> " border="0" width="212px" height="212px">

標題

價格

訪問量

<strike id="0m6sw"></strike>