如何在vs里的imageButton上实现当鼠标移动到图片上,显示文字

发布网友发布时间：2022-04-23 18:30

共1个回答

热心网友时间：2023-10-18 19:33

<asp:LinkButton ID="SubmitLinkButton" CssClass="button" runat="server" OnClick="SubmitLinkButton_Click"><span>Submit</span></asp:LinkButton>

-----------------------------------css
a.button
{

background: transparent url('/Images/CssSlideButtonEnd.png') no-repeat scroll top right;
color: #fff;
display: block;
float: right;
font: normal 14px arial, sans-serif;
font-weight: bold;
height: 35px;
margin-right: 6px;
padding-right: 18px; /* sliding doors padding */
text-decoration: none;
}

a.button span
{
background: transparent url('/Images/CssSlideButton.png') no-repeat;
display: block;
line-height: 25px;
padding: 5px 0 5px 18px;
}

a.button:hover
{
background-position: bottom right;
color: #fff;
outline: none; /* hide dotted outline in Firefox */
text-decoration:none;
}

a.button:hover span
{
background-position: bottom left;
padding: 6px 0 4px 18px; /* push text down 1px */
}
--------------------------------------------------------------------------