考虑下图：
这应该看起来像一片边缘粗糙（有斑点）的草。这是一张 200x200 像素的 png 图像，边缘具有透明度以提供自然的外观。
问题是，我正在尝试设计一个网页，我希望所有不同尺寸的各种元素都具有此背景，但我无法使用简单的 css 背景属性，因为重复这样的图像不起作用：例如，左侧的透明度清晰可见，作为图像每个副本之间的接缝。但如果我只是简单地拉伸图像以适应，它看起来也不是很好。
有什么（跨浏览器）方法可以实现这一点吗？ jQuery 解决方案也是可以接受的。谢谢！
一个 jQuery 解决方案：
http://code.google.com/p/scale9grid/ http://code.google.com/p/scale9grid/
border-image是纯CSS解决方案：
- http://www.w3.org/TR/css3-background/#border-images http://www.w3.org/TR/css3-background/#border-images
- https://developer.mozilla.org/en/CSS/-moz-border-image https://developer.mozilla.org/en/CSS/-moz-border-image
不幸的是，浏览器支持还不够好：http://caniuse.com/border-image http://caniuse.com/border-image
发电机：http://border-image.com/ http://border-image.com/
本文内容由网友自发贡献，版权归原作者所有，本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容，请联系:hwhale#tublm.com(使用前将#替换为@)
