html - 您如何制作背景图像以将其大小调整为包含元素？

Question

检查此站点中主要选项卡的圆角这些是宽度为 440 像素的背景图像，它仍然会根据包含元素进行调整，而不会丢失圆角边缘。

score 7 · Accepted Answer

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

图像被设置为每个元素的背景。锚点设置为显示图像的最左侧部分，而列表项设置为最右侧的部分，右侧填充刚好足以让图像窥视。该技术被称为滑动门。以下是从其他答案收集的链接：

感谢Mariuz和Darko Z。

score 2 · Accepted Answer

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

score 1 · Accepted Answer

网上有几个关于圆角的教程。

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

如果你想使用 CSS3： CSS3 教程

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

score 0 · Accepted Answer

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

如果它们只会被浏览器按比例缩小，为什么要用大图像填充页面呢？

4 回答 4