复杂的按钮精灵

Question

我有这个精灵：

链接http://gpanel.darrell.nl/images/derma.png

在右上角有4个按钮图像。 我喜欢使用按钮，例如，角保持原样，但其余部分可以拉伸。 我搜索了整个互联网，但找不到任何东西。 如何使用CSS做到这一点？

左上方的窗框也一样。

Answer 1

不幸的是，边框图像不适用于sprite，可以做到，但是需要额外的元素和一些不太优雅的技巧，下面是一个演示： http : //jsfiddle.net/sandro_paganotti/H2xgQ/1/

.border{
    border-right: 400px solid black; 
    border-bottom: 400px solid black;
    border-image: url('http://gpanel.darrell.nl/images/derma.png') 3 388 388 3 fill stretch stretch;
    height: 300px;
    width: 200px;
}