4

背景を操作する場合-moz-image-rect、1 つの画像を使用してすべてを変更できます。

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 で動作するものはありますか?

背景の繰り返しを許可しながら、画像の表示領域を制限しようとしています。

4

0 に答える 0