9-Patch PNG能否以某种方式在浏览器上使用CSS

Question

我刚刚在Android应用程序上工作时发现了9-Patch PNG(somefile.9.png),我对此技术节省的工作量和文件感到非常惊讶.

有没有办法以某种方式在常规浏览器上实现这项技术？(使用某种jQuery插件,或其他一些方式..).如果它可以与CSS一起使用 - 这可能是非常好的改进......

Answer 1

border-image 来自CSS3是最接近的匹配:

• http://www.w3.org/TR/css3-background/#border-images
• https://developer.mozilla.org/en/CSS/-moz-border-image

浏览器支持:http://caniuse.com/border-image

一个有用的发电机:http://border-image.com/

就jQuery而言,我通过Googling发现了"jquery 9 slice scaling":

http://code.google.com/p/scale9grid/

(9切片缩放是类似的Adobe Flash术语)