在Mb5u.com以前的文章中介紹過背景圖片的合并方法。但不只有背景圖片能合并，前景圖片同樣可以。

在 Google 搜索結(jié)果頁面中，將其 Logo 圖標(biāo)右鍵另存為后可以發(fā)現(xiàn)，它并非單純的 Google Logo，而是一塊復(fù)雜的拼合圖片：


查看搜索頁面源代碼，其 Logo 部分代碼如下：


其CSS 部分代碼如下：


　　分析上述代碼可知，CSS 中 id=logo 的樣式父元素采用相對定位方式，定義了寬度和高度，使用 overflow:hidden 來隱藏溢出部分；而 img 元素則采取絕對定位方式，使用 left 和 top 進行圖片定位，這與背景圖片的定位是一致的。