使用-moz-image-rect
和背景时,我可以使用一张图片来更改所有内容:
kings{
background: -moz-image-rect(url('ring.jpg'), 3, 30, 30, 3) repeat-y;
}
lords{
background:-moz-image-rect(url('ring.jpg'), 7, 70, 70, 7) repeat-x;
}
men{
background:-moz-image-rect(url('ring.jpg'), 9, 99, 90, 9) no-repeat;
}
所以,这个ring.jpg
绑定到所有div背景。
这在Firefox中非常好用,但webkit浏览器似乎没有这样的功能。 有没有跨浏览器选项?或者至少可以在webkit上运行的东西?
我试图限制图像的显示区域,同时仍然允许背景重复。