Mọi người giúp em hiệu ứng hover hiện thông tin sản phẩm bằng css !

-Em đang làm bài tập web asp + sql ! hiện tại en có 1 datalist đã được đổ hết dữ liệu từ table sanpham ! edit template bên trong datalist chỉ có hình và 1 label hiển thị tên sản phẩm !
-Ý tưởng : Khi Loadpage em đã lấy hết dữ liệu từ table sản phẩm, em chỉ hiển thị hình và tên sản phẩm các thông tin còn lại em dùng thuộc tính opacity=0 để ẩn đi.Đến đây khi hover vào hình ảnh sẽ hiện những thông tin còn lại.
Mọi người giúp em thiết kế cái div để chứa những thông tin này với ! em không rành về css lắm.
Thanks mọi người !

[


-Đoạn mã của datalist :
<aspataList ID="DataList3" runat="server" RepeatColumns="3">
<ItemTemplate>
<table class="auto-style1">
<tr>
<td>
<asp:Image ID="Image1" runat="server" style="" ImageUrl='<%# eval("hinhanh") %>' Height="150px" Width="150px " />
</td>
<td>&nbsp;</td>
</tr>
<tr>
<td>
<asp:Label ID="Label1" runat="server" Text='<%# eval("tensp") %>'></asp:Label>
</td>


<td>&nbsp;</td>
</tr>
</table>
</ItemTemplate>
</aspataList>