问题显示工具提示与DataList [英] Problem show tooltip with 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屋！