html - 使用 margin-top 将链接放置在简单的 img 标签之上

标签 html css image hyperlink

此处的 JSBin 示例:http://jsbin.com/okosox/1/edit


我只想使用 margin-top 将带样式的链接放置在图像顶部。我可以将链接放在正确的位置,但是链接的背景被图像本身覆盖了。

在我上面的示例中,我将链接放在它的正上方/下方,以便您可以看到它应该是什么样子。

有什么建议吗?

最佳答案

制作.side-box div

position:relative;

和.album-link

position:absolute;

关于html - 使用 margin-top 将链接放置在简单的 img 标签之上,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/17136706/

相关文章:

javascript - 如何在 PHONEGAP 中将值从一个 html 页面传递到另一 html 页面?

python - 如何获取第二个 "span"? (用Python制作网络爬虫)

html - 在 flexbox 列中垂直居中单个元素

html - 在两个垂直放置的 div 之间画一条垂直线 - CSS?

javascript - 在javascript中设置动画时更改图像颜色

java - 使用java小程序10张牌洗牌器显示图像有错误:(

javascript - iframe 和 JavaScript 位于不同页面

javascript - 如果没有引用,则使对象返回特定属性

html - 暗模式转换器

c - 使用 C 语言使用 OpenCV 进行图像旋转