While I have experience creating intricate CSS sprites manually, I am now pondering the possibility of incorporating both a vertically repeating background image and a horizontally repeating background image within the same sprite. Is there some secret method that would allow this to happen?
At first glance, it seems illogical since true repeat backgrounds cannot be cropped to specific areas. One image expanding to include the other would distort the overall sprite. However, I want to ensure I'm not overlooking any clever tricks or techniques - any insights or examples are welcome.
If my explanation is unclear, envision drawing a horizontal line on a piece of paper and then a tall vertical line elsewhere. Picture one image repeatedly spanning the horizontal line and another continuously appearing along the vertical line. Now try to conceptualize a sprite holding both images and the respective css rules for each. It appears unfeasible based on my current knowledge, but perhaps there's a hidden strategy waiting to be discovered.