鼠标经过小图显示大图和详细信息_html/css_WEB-ITnose

我现在要实现一个效果是鼠标滑过小图时显示大图和详细信息，我在网上找了段代码


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">

XML/HTML code?123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354