CSS可以實現多種多樣的樣式效果，其中圖片上添加圖片是一種非常常見的效果，通過適當的CSS屬性，在一個圖片上添加其他小圖標或裝飾元素，可以讓整個頁面更加豐富多彩。

img {
position: relative;
}
img::after {
content: '';
background-image: url('your-icon.png');
position: absolute;
top: 0;
right: 0;
width: 20px;
height: 20px;
}

上面的代碼展示了一種簡單的實現方式，通過為主圖片設置`position: relative`，使得添加在之上的小圖標可以相對于主圖片進行定位。然后通過`::after`偽元素，為主圖片的上方添加一個新的元素。這個新元素背景設置為要添加的小圖標，然后通過`position: absolute`將它放置到主圖片的右上角位置，最后設置寬度和高度即可。

如果需要添加更多小圖標或裝飾元素，可以在`::after`偽元素中添加多個子元素。比如下面這個例子中，我們向一個圖片中添加了一個心形圖標和一個購物車圖標：

img {
position: relative;
}
img::after {
content: '';
position: absolute;
top: 0;
right: 0;
width: 50px;
height: 50px;
}
img::after::before {
content: '';
background-image: url('heart-icon.png');
position: absolute;
top: -20px;
left: -20px;
width: 20px;
height: 20px;
}
img::after::after {
content: '';
background-image: url('cart-icon.png');
position: absolute;
top: -20px;
right: -20px;
width: 20px;
height: 20px;
}

上面的代碼中，我們在`::after`偽元素中又添加了`::before`和`::after`兩個子元素，分別代表心形圖標和購物車圖標。它們的定位方式和尺寸設置與上面的例子類似，只不過需要分別設置它們的位置和背景圖片。

總之，通過合理的CSS樣式設置，添加圖片上添加其他小圖標或裝飾元素是一種非常實用的技巧。可以為頁面帶來更加精美的展示效果，也可以為用戶提供更多的交互和操作方式。