2013-07-03 51 views
0

懸停起作用,但僅限按鈕圖像的某些部分或按鈕圖像外部。此外,如果箭頭從上方進入按鈕,懸停不起作用。ASP按鈕懸停區域與圖像不一致

任何想法?

.buttonSearch{ 
display: block; 
background: url("../Images/btn Search.JPG") no-repeat top; 
height: 40px; 
width:100px; 
border:1px solid #7AB800; 
border-width:0px; 
margin-left: 210px;} 



.buttonSearch:hover 
{display: block; 
    background: transparent url("../Images/btn Search Click2.JPG") no-repeat top; 
    height: 40px; 
    width:100px; 
    border:none 0 transparent; 
    border-width:0px; 
    margin-left: 210px; 

ASP頁:

<ajaxToolkit:ToolkitScriptManager ID="ToolkitScriptManager1" runat="server"> 
    </ajaxToolkit:ToolkitScriptManager> 

<asp:Panel ID="p" runat="server" DefaultButton="butName"> 
<br /> 
<br /> 

<asp:Label ID="TextBox1" runat="server" AutoComplete="Off" CssClass="display-labelsearch" Text="Last Name: " /> 
<asp:TextBox ID="txtName" runat="server" CssClass="display-fieldsearch" MaxLength="100" ToolTip="Please enter a Provider last name."></asp:TextBox> 
     <cc1:TextBoxWatermarkExtender ID="txtName_TextBoxWatermarkExtender" 
     runat="server" Enabled="True" TargetControlID="txtName" WatermarkText="Type Last Name Here" WatermarkCssClass="watermarked"> 
     </cc1:TextBoxWatermarkExtender> 
     <cc1:AutoCompleteExtender ID="AutoCompleteExtender1" runat="server" 
     TargetControlID="txtName" MinimumPrefixLength="1" ServiceMethod="GetNames" 
     UseContextKey="True"> 
     </cc1:AutoCompleteExtender> 
</asp:Panel> 
<asp:Button ID="butName" runat="server" onclick="tbSearchbutton" CssClass="buttonSearch" /> 




<asp:GridView ID="gvProvLookup" runat="server" 

的AutoGenerateColumns = 「假」 OnRowCommand = 「ViewProv_RowCommand」 內容十分重要

+0

我們需要查看您呈現的HTML,才能提供幫助。沒有標記的CSS是沒用的。 – Dai

+0

謝謝,添加它。 – Sj14420

+0

我們需要*渲染* HTML,而不是ASP.NET源代碼。 – Dai

回答

0

東西擋住了按鈕的一部分。我把它放在一條線上,它可以正常工作。