如何制作背景图像以调整其包含元素的大小？

Question

检查主要标签in this site的圆角这些是宽度为440像素的背景图像，仍然可以调整到包含元素而不会丢失圆角。

Answer 1

看起来列表项和锚点都具有相同的背景图像，只是在不同的偏移处。

将图像设置为每个元素的背景。锚点设置为显示图像的最左侧部分，而列表项目设置为最右侧部分，右侧填充宽度足以让图像透视。该技术称为滑动门。以下是从other answers收集的链接：

• A List Apart Sliding Doors Part 1
• A List Apart Sliding Doors Part 2
• A CSS2 tutorial
• A CSS3 tutorial

感谢Mariuz和Darko Z。

Answer 2

他们正在使用一种称为“滑动门”的技术。您可以在A List Apart阅读更多相关信息：

Sliding Doors Part 1

Sliding Doors Part 2

Answer 3

网上有几个圆角的教程。

使用CSS2，您可以尝试以下方法： CSS2 Tutorial

如果你想使用CSS3： CSS3 Tutorial

简单的谷歌搜索圆角将为您提供许多有用的教程。

Answer 4

它可能只是外围相关的，但我们应该注意不要将它留给浏览器将大图像调整为更实用的大小。

为什么要填充包含大型图片的页面，如果它们只是通过浏览器按比例缩小？