问题显示工具提示与DataList [英] Problem show tooltip with DataList
本文介绍了问题显示工具提示与DataList的处理方法,对大家解决问题具有一定的参考价值,需要的朋友们下面随着小编来一起学习吧!
问题描述
我正在使用asp.net,C#2008和linq to sql.我想显示工具提示包含图像,当鼠标悬停在产品ID上时产品的功能
I''m using asp.net,C# 2008 and linq to sql.I am want to show tooltip contains an image,feature of product when mouse over id of product
<asp:DataList ID="DataList1" runat="server" RepeatColumns="4">
<ItemTemplate>
<div id="rollover"><a><%#Eval("id") %><span><img alt="" src="<%#"folder/"+Eval("image") %>" align="left"/>note<br /><%#Eval("feature") %></span>
</a>
</div>
</ItemTemplate>
</asp:DataList>
我的CSS:
my css:
#rollover a
{
text-decoration: none;
}
#rollover a span
{
visibility: hidden;
display: block;
position: absolute; /**adjust disjointed text position in % or px**/
left: 10%;
color: #FFFFFF;
background-color: #666699;
border: 2px solid silver;
padding: 5px;
}
#rollover a:hover span, #rollover a:active span, #rollover a:focus span
{
visibility: visible;
position: absolute;
}
#rollover a:hover, #rollover a:focus
{
text-decoration: none;
color: #FF6600;
visibility: visible;
}
当将鼠标悬停在id上时显示工具提示.当我在第四列中选择产品时,工具提示的位置不会改变.它必须出现在id产品4的前面.我只想使用css.请帮助我.
Tooltip displayed when the mouse over id.When I select the product in the fourth column,position of tooltip doesn''t change.It must appear in front of the id product 4.I just want to use css.Help me.
推荐答案
此链接将绝对为您提供帮助
http://www.bosrup.com/web/overlib/ [
This link will absolutely help you
http://www.bosrup.com/web/overlib/[^]
这篇关于问题显示工具提示与DataList的文章就介绍到这了,希望我们推荐的答案对大家有所帮助,也希望大家多多支持IT屋!
查看全文