css 重复-x 右侧答案

【问题标题】：css repeat-x rightsidecss 重复-x 右侧
【发布时间】：2011-05-03 10:20:34
【问题描述】：

是否可以只重复图片的右侧。如果我有菜单按钮图片，左侧有边框或条纹，我只想重复右侧（无边框）。

当我只放repeat-x scroll right 或只是repeat-x 时，整张图片会重复，但我只希望右侧重复，而不是左侧或整张图片。

希望你明白我的意思。

这是按钮示例。当我的按钮标题太长并且需要重复按钮图片时。我可以只重复图片的黄色部分吗？不与红色一起。 PS！不能重复颜色，因为按钮是用渐变制作的。

【问题讨论】：

【解决方案1】：

简短的回答，不，不可能。

图片的宽度是固定的，你不能只拉伸它的一部分。

解决方法：使用两张图片，一张在左边，固定大小，另一张在右边，你可以用repeat-x来填充剩余的空间。

编辑：

如果您的按钮具有水平渐变，您可以做的最好的事情是使图片足够宽以涵盖“几乎”所有情况。这里的关键词是几乎，因为你总能找到屏幕比图片本身更宽的人。

【讨论】：

【解决方案2】：

不知道为什么不能使用纯色，但为什么不简单地使用更宽的图像？

【讨论】：

【解决方案3】：

只要把“不重复右上角”就是你的意思

【讨论】：

【解决方案4】：

Smashing Magazine 有一篇关于使用 CSS 设计按钮的优秀教程：

向下滚动到“滑动门：灵活按钮”部分，它准确地解释了您要查找的内容。

【讨论】：