复杂的按钮精灵

Question

我有这个精灵：

Link http://gpanel.darrell.nl/images/derma.png

右上角有4个按钮图像。我喜欢使用按钮，因为角落保持完整，但其余部分可以伸展。我在整个互联网上搜索但找不到东西。如何使用CSS实现这一目标？

左上角的窗框相同。

Answer 1

不幸的是，边界图像不适用于精灵，它可以完成，但需要一个额外的元素和一些不太优雅的技巧，这是一个演示：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;
}