在CSS3中，有多種方法可以讓元素在圖片上顯示，以下是一些常見的技巧：
1、使用***定位：
將元素***定位在圖片上的某個位置，要將元素放在圖片的右下角，可以使用以下CSS代碼：
```css
.image-container {
position: relative;
}
.image-container .element {
position: absolute;
right: 0;
bottom: 0;
}
```
2、使用偽元素：
使用CSS偽元素（如::before或::after）在圖片上添加內(nèi)容，要在圖片上添加文字，可以使用以下CSS代碼：
```css
.image-container {
position: relative;
}
.image-container::after {
content: "添加的文字";
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
}
```
3、使用背景圖像：
將元素作為背景圖像顯示在圖片上，要將一個元素作為背景顯示在圖片上，可以使用以下CSS代碼：
```css
.image-container {
background-image: url('元素的URL');
background-repeat: no-repeat;
background-position: center center;
}
```
4、使用SVG圖像：
使用SVG圖像在圖片上顯示元素，這種方法允許你創(chuàng)建復(fù)雜的圖形和動畫，要在圖片上顯示一個SVG圖像，可以使用以下CSS代碼：
```css
.image-container {
position: relative;
}
.image-container .svg-element {
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
}
```
5、使用filter屬性：
使用CSS的filter屬性在圖片上添加效果，如模糊、亮度調(diào)整等，要給圖片添加模糊效果，可以使用以下CSS代碼：
```css
.image-container {
filter: blur(5px);
}
```
這些技巧可以幫助你在圖片上顯示元素，通過調(diào)整位置、大小、樣式等屬性來實現(xiàn)不同的顯示效果，記得在實際應(yīng)用中根據(jù)你的需求選擇適合的方法。
