幫助使用滑動門技術幫助造型asp：按鈕控件

由於我們遇到與asp.net相關的問題（請參閱：asp.net 4.0 Random posting behavior），我們需要樣式asp：按鈕控件（當然，這需要解析爲< input type = submit >標籤）使用滑動門技術。幫助使用滑動門技術幫助造型asp：按鈕控件

我們原本<按鈕> <跨度>文本</SPAN > < /按鈕>套，但由於上述問題，我們需要移動到ASP：Button控件。

你不能把一個<範圍>標籤放在一個asp：按鈕控件中，所以像上面這樣工作將不起作用。

我得到它通過使用一個div包裹按鈕IE8只工作「顯示：inline-block的」。但它在IE7中失敗了，所以這不是我們的解決方案。它需要在這兩個IE7 & IE8工作（火狐將是巨大的，但不是必需的）

來源

2010-07-23 saunderl

你能描述你所期望使用「滑動門」技術的行爲嗎？ – DOK 2010-07-23 16:36:44

」 ......這擴大和與文本的大小合同靈活的接口組件可以，如果我們使用兩個單獨的背景圖像創建，一個左，一個右。這兩個圖像想象成滑動門，齊全的企業之一門口。門一起滑動和重疊更多填充的狹窄空間，或滑開並重疊較少填充較寬的空間...」一個偉大的定義可以發現@ http://www.alistapart.com/文章/ slidingdoors/ 雖然，他們正在創建的標籤，這個概念適用於任何交互式動態元素 - 如按鈕 – saunderl 2010-07-24 00:50:54

要解決display: inline-block;爲IE6-7你可以嘗試

<div class="button"><input type="submit" /></div> 


.button { 
    display: inline; 
    display: inline-block; 
    zoom: 1; 
}

（這些樣式是正確的幾乎任何時間你要模擬在所有瀏覽器內嵌塊）

來源

2010-07-23 17:58:05 fantactuka

謝謝，但如上面提到的問題，我不能使用

好的，所以你可以用inline-block元素包裝你的輸入。它不會改變。檢查編輯答案 – fantactuka 2010-07-23 18:30:23

對，這正是我說我在我的原始文本中嘗試過的，但它在IE7中失敗 - 請重新閱讀原始問題 – saunderl 2010-07-23 21:37:21

幫助使用滑動門技術幫助造型asp：按鈕控件

回答

相關問題