Question

css如何把一个小div放在图片上的某个区域

如何把白色文字所在的半透明div放在图片上

图片不是背景,,图片的宽高与id为pic的相同
#pic{width:300px; height:320px;}

<div id="pic"> <img src="my.jpg"/> </div>

Answer 1

需要两个div。大div包含图片，小div和图片一块儿放在大div里，然后对小div加CSS，position:relative;后用top,bottom,right和left来固定位置。relative是根据父级元素定位的。

Answer 2

#pic{
width:300px; height:320px;
background:url(my.jpg);
}
#123(
width:300px;height:20px;
margin:300px 0 0 0;
)
<div id="pic">
<div id="123">鲁能球迷举标语祈福雅安</div>
</div>
大体意思就是这样，你试一下。望采纳。

追问

谢谢你的回答，不过我在前面已经说过图片不是背景

追答

为什么非要用用图片实现呢？图片的话就得用负margin了。

Answer 3

使用负margin和层叠:
z-index:100;
margin-top:-60px

Answer 4

使用相对定位看可不可以