如何製作背景圖片以將其大小調整爲包含元素？

Question

檢查主選項卡的圓角in this site這些是寬度爲440px的背景圖像，仍然可以調整爲包含元素而不會丟失圓角邊緣。

Answer 1

看起來像列表項和錨都有相同的背景圖像，只是在不同的偏移量。

圖像被設置爲每個元素的背景。錨點被設置爲顯示圖像的最左側部分，而列表項目被設置爲最右側部分，右側填充部分足夠寬以供圖像窺視。該技術被稱爲Sliding Doors。下面是從otheranswers收集的鏈接：

• 列表除了是Sliding Doors Part 1
• 列表除了是Sliding Doors Part 2
• 一個CSS2 tutorial
• 一個CSS3 tutorial

感謝Mariuz和Darko Z。

Answer 2

他們正在使用一種稱爲「滑動門」的技術。您可以在列表除了閱讀更多關於它：

Sliding Doors Part 1

Sliding Doors Part 2

Answer 3

有上淨圓角幾個教程。

使用CSS2，你可以嘗試以下方法： CSS2 Tutorial

如果你想使用CSS3： CSS3 Tutorial

一個簡單的谷歌搜索的圓角會給你很多有用的教程。

Answer 4

它可能只是外圍相關的，但我們應該小心不要讓它到瀏覽器調整大的圖像調整到一個更實際的大小。

爲什麼要填充大圖片的頁面，如果他們只會被瀏覽器縮小？