使用3幅圖像的圓角圖像

我可以將三幅圖像組合在一起形成一幅使用CSS的圖像嗎？基本上，我需要創建圓角按鈕，我有三個圖像左，中，右。使用3幅圖像的圓角圖像

我已經在所有頁面中使用過，並且我不能用兩個或三個其他HTML控件替換它。那麼有什麼辦法可以將這些圖像組合成一個，並將這個CSS類應用於asp：button？

請不要暗示邊界半徑屬性，因爲後向支持在這裏很重要。在此先感謝

2010-09-09 Mayur

不可能沒有任何額外的標記，如果這就是你的意思。如果向後兼容IE很重要，你有沒有考慮過使用類似CSS3Pie的庫？ – 2010-09-09 05:55:03

我確定你的用戶喜歡不得不下載3張獨立的圖片，以便他們可以有圓角。看起來像一個公平的妥協。 – animuson 2010-09-09 05:59:14

讀推拉門技術

要創建圓按鈕和使用兩個滑動圖片來自左，右多了很多。

2010-09-09 06:24:09

另外，http://www.jankoatwarpspeed.com/post/2008/04/30/make-fancy-buttons-using-css-sliding-doors-technique.aspx。 – Chris 2010-09-09 06:25:24

最好的方法是修改您的按鈕的HTML。像這樣的東西效果很好：

<button><span>Click Me!</span></button>

一個我能想到的辦法是在頁面加載後，用JavaScript注入<span>到<button>。

然後你將需要的<button>和<span>需要的CSS將做的背景圖像。你可能不需要3張圖片，2張圖片就足夠了，其中一張圖片就是左邊的圖片。另一個將是一個非常長的右端。使用滑動門技術，你可以做一個圓角<button>

你甚至可以做到這一點與1圖像，包含我上面提到的兩個圖像的精靈。

2010-09-09 06:05:02

回答