2012-05-12 86 views
1

我在asp.net中構建了一個儀表板應用程序。我已將3個輸入按鈕放在div標籤內。當用戶在表格單元格上被挖出時,我想要顯示這些按鈕。我如何使用.css,javascript或jQuery來完成此操作?在表格中顯示按鈕將鼠標懸停在鼠標上方

我的HTML看起來像這樣:

<td id="bold_cell1" valign="top" width="33%" Height="33%"> 
    <div id="buttonBlock"> 
     <input type="button" id="btnAdd" value="Add" style="font-size:8px" /> 
     <input type="button" id="btnEdit" value="Edit" style="font-size:8px" /> 
     <input type="button" id="btnDelete" value="Delete" style="font-size:8px" /> 
    </div> 
</td> 

感謝

+0

使用'內DIV'了' td'很容易讓你陷入尺寸/佈局問題。 –

+0

我應該用​​代替div嗎? – CodeMan5000

+0

我根本不使用表格,特別是如果你有一個簡單的模板來處理。表格是用於價格:)和規範沒有人讀:D –

回答

1

老式的方法:CSS:

#buttonBlock input{ 
    display:none; 
} 
#bold_cell1:hover #buttonBlock input{ 
    display:block; 
} 

demo link