css repeat-x rightside

Question

是否可以僅重複圖片的右側。如果我有菜單按鈕圖片，左側有邊框或條紋，我只想重複右側（沒有邊框）。

當我只是把repeat-x scroll right或只是repeat-x，整個圖片將重複，但我只想右側重複，而不是左側或整個圖片。

我希望你明白我的意思。

這是按鈕的例子。當我的按鈕標題太長時，需要重複按鈕圖片。 我只能重複圖片的黃色部分嗎？不與紅色一起。 PS！無法重複顏色，因爲按鈕是由crandient製成的。

Answer 1

只是把「不重複右上方」是什麼你的意思

Answer 2

簡短的回答，不，這是不可能的。

圖片具有固定寬度，您不能只拉伸它的一部分。

解決方案：使用兩張圖片，一張圖片用於左側，固定尺寸，另一張圖片用於右側，您可以使用repeat-x填充剩餘空間。

編輯：

如果您的按鈕具有水平漸變，你能做的最好的就是讓畫面足夠寬，以涵蓋「幾乎」所有的情況。這裏的關鍵詞是，差不多是，因爲你總是可以找到屏幕比圖像本身更寬的人。

Answer 3

不確定爲什麼你不能使用純色，但爲什麼不簡單地使用更廣泛的圖像？

Answer 4

碎雜誌擁有與CSS設計按鈕的優秀教程：

http://www.smashingmagazine.com/2009/11/18/designing-css-buttons-techniques-and-resources/

向下滾動到部分「推拉門：靈活鍵」，它說明了什麼你正在尋找。