Html 图像右上角和左上角的浮动链接

我有一个div里面的图像。我想要两个链接浮动在图像上，一个在图像的左上角，另一个在图像的右上角。我这样做：

<div class="container">
  <div style="float:left"><a href="#">like</a></div>
  <div style="float:right"><a href="#">share</a></div>
  <img src="images/activity-image.jpg" />
</div>

浮动div将图像向下推。但是，我希望它们出现在图像上。看起来，like和share链接应该位于图像的左上角和右上角，而不是图像的上方。希望我能解释清楚

---

请帮忙。谢谢。

您设置CSS定位了吗？设置图像

位置：固定的
可以在浮动div时将图像固定到位。
是否设置了CSS定位？设置图像
位置：固定的
可以在浮动div时将图像固定到位。
在
相对的
定位元素中使用
绝对的
位置，并使用
顶部的
，
底部的
，
右侧的
和
左侧的
属性来定位文本

试试这个：


.top{
排名：0；
}
.左{
左：0；
}
.对{
右：0；
}
.img{
位置：相对位置；
宽度：200px；
高度：200px；
背景：url（“https://www.google.com/images/srpr/logo11w.png）无重复；
}
.img跨度{
位置：绝对位置；
颜色：#000；
}

文本
文本
使用
绝对
在
相对
定位元素中的位置，并使用
顶部
、
底部
、
右侧
和
左侧
属性来定位文本

试试这个：


.top{
排名：0；
}
.左{
左：0；
}
.对{
右：0；
}
.img{
位置：相对位置；
宽度：200px；
高度：200px；
背景：url（“https://www.google.com/images/srpr/logo11w.png）无重复；
}
.img跨度{
位置：绝对位置；
颜色：#000；
}

文本
文本
看看这个，但是调整h2元素的CSS定位以满足您的需要：CSS tricks.com/text blocks over image
看看这个，但是调整h2元素的CSS定位以满足您的需要：CSS tricks.com/text blocks over image

.container{
位置：相对位置；
宽度：300px；
}
img{
宽度：300px；
高度：300px；
}
.右上角{
位置：绝对位置；
右：0px；
顶部：8px；
}
.左上角{
位置：绝对位置；
顶部：8px；
左：8px；
}


.container{
位置：相对位置；
宽度：300px；
}
img{
宽度：300px；
高度：300px；
}
.右上角{
位置：绝对位置；
右：0px；
顶部：8px；
}
.左上角{
位置：绝对位置；
顶部：8px；
左：8px；
}

看看这一点，但调整h2元素的CSS定位，以满足您的需要：工作完美！我早些时候从谷歌登陆了这个页面，但当时无法让它工作。现在，它对我有用。谢谢你再次指给我看。干杯你应该加上这个作为答案，这样我才能接受。没问题，答案加上了！看看这个，但是调整h2元素的CSS位置以满足您的需要：工作完美！我早些时候从谷歌登陆了这个页面，但当时无法让它工作。现在，它对我有用。谢谢你再次指给我看。干杯你应该加上这个作为答案，这样我才能接受。没问题，答案加上了！添加位置：固定到图像使其固定在屏幕上。但是，我希望它被固定到div。另外，图像被推离文本，而不是在图像上浮动文本。添加位置：固定到图像使其固定在屏幕上。但是，我希望它被固定到div。而且，图像被推离文本，而不是让文本在图像上浮动。太好了！这也是一种魅力。但是，我希望对图像进行一些样式设置，因此不希望将图像用作背景。但是，这是在背景图像上使用浮动div的好方法。再次感谢！伟大的这也是一种魅力。但是，我希望对图像进行一些样式设置，因此不希望将图像用作背景。但是，这是在背景图像上使用浮动div的好方法。再次感谢！非常适合我的案子。谢谢然而，@imbondbaby解决方案也有效，但对于背景图像除外。因此，RSid和InbondBbaby都给出了正确的答案。由于RSid的回答符合我的情况，我将此标记为已接受。谢谢大家的快速帮助：）非常适合我的情况。谢谢然而，@imbondbaby解决方案也有效，但对于背景图像除外。因此，RSid和InbondBbaby都给出了正确的答案。由于RSid的回答符合我的情况，我将此标记为已接受。谢谢大家的快速帮助：）非常感谢。你的代码按照我想要的方式工作。你能告诉我你提到的“更好的方法”吗？非常感谢。你的代码按照我想要的方式工作。你能告诉我你提到的“更好的方法”吗？？