如何将图像精灵定位在未知高度元素的底部

时间:2011-12-02 22:32:43

标签: css css-sprites background-image

我正在使用由四个“子图像”组成的图像精灵:div元素的四个角。精灵是40px乘40px。每个“子图像”是20px乘20px。每个角落的“子图像位于精灵元素的相反角落。例如,左上角的子图像位于精灵的右下角。

div元素宽440像素,高100%。我有顶角,但我如何得到底角?有没有办法在不创建新精灵的情况下执行此操作?这是我到目前为止我的CSS规则。

background: -20px -20px no-repeat url(<path>), 420px -20px no-repeat url(<path>);

1 个答案:

答案 0 :(得分:2)

background-images放在absolute定位的伪元素上。

<德尔> Demo

抱歉,误读了你的问题,这里的'sprite'技术与此相同:

Demo