我想要一排图像,我用 pnmcat -lr 将它们组装成一个。我不想要图像映射,因为这些碎片被交换为突出显示。我有有意义的图像,所以我想要<img>
而不是背景。
有希望的例子似乎是http://css-tricks.com/css-sprites-with-inline-images/和http://1plusdesign.com/articles/css-clip-property-inline-image-sprites/。后者甚至显示一些html,连续三个img。
但是在下载演示时,它只是单独使用它们。当我粘贴演示 1 中的 div 时,我得到的结果与我在页面上尝试的任何内容相同:它们都在彼此之上,而不是在一行中。我试过单独包装它们,在包装纸上放一个宽度,相对定位它,没有任何效果......
顺便提一句。两位作者同时使用两个类。我有什么理由这样做吗?鉴于有一个包装器,所有图像都相同的类可以是嵌套的 css,然后另一个类可以是 id(如果它只使用一次),对吗?
.wrapper img {
position:absolute;
top:0;
left:0;
}
#sad { clip: rect(0 128px 128px 0); }