如何通過css在鼠標上顯示ImageButton上的文字

div中有一個圖像按鈕。我正在增加div上懸停的圖像大小和z-index。但是我希望在懸停調用時在圖像按鈕上添加一些文字。我能怎麼做？如何通過css在鼠標上顯示ImageButton上的文字

我的CSS：

.HoverImageClass input[type=image]:hover 
{ 
    position: relative; 
    z-index: 10000; 
    height: 274px; 
    width: 226px; 
    margin-top: -67px; 
    margin-left: -14px; 
    padding-bottom: 13px; 
    background-color: #F7F6EB; 
}

我的html：

<div id="divImageDisplay" class="HoverImageClass" runat="server"> 


<asp:ImageButton runat="server" CssClass="course_img" ID="imgbtnCourse" AlternateText='<%#Eval("LevelName") %>' ToolTip='<%#Eval("LevelName") %>' ImageUrl='<%#Eval("CourseImagePath") %>' CausesValidation="False" CommandName="AddToCart" CommandArgument='<%# String.Format("{0},{1},{2},{3},{4},{5}",Eval("ID"),Eval("LevelID"),Eval("CurrencyWithValue"),Eval("CourseImagePath"),Eval("CategoryID"),Eval("MRP")) %>'></asp:ImageButton> 

</div>

來源

2013-05-21 Shiba

你可以運行這段代碼，查看源代碼並給我們生成該圖像按鈕的HTML嗎？我很清楚我們可以幫助你更好的真正標記。 –

-1

好吧，如果你做對通過正常的HTML按鈕上的文本，一個可能的方法是到主CSS類使「color：」「」與背景相同，然後在：hover類中，可以將其更改爲可讀/符合條件的不同顏色。或者你甚至可以將字體大小設置爲原始的小字體，然後在：hover上增加一個大小。

希望它有幫助！

來源

2013-05-21 05:10:48 muffinjello

這不是一個好主意..如果你想用CSS隱藏它，然後使用display：none並且不要只是給它一個顏色，你不知道圖像是否會改變，或者它的紋理是什麼，但是它會變成 –

是一個圖像按鈕，我怎麼能保持圖像按鈕內的一個控件？ – Shiba

如何通過css在鼠標上顯示ImageButton上的文字

回答

相關問題