html - 将图片定位在网页的右上角

Question

我想在文本的顶部和右侧放置一些图像...我在 Photoshop 中制作了一个示例，以便您可以看到我的想法...

Image example

我使用的是 WordPress 主题，我不知道如何将这张图片放在右上角...是的，我确实搜索了谷歌，但我没有找到任何合适的解决方案。

我试过作为div的背景图片，但是图片不能超出div的范围...

我尝试放置 img 标签，但它会将文本推到左侧......但我需要文本覆盖图像以创建所需的效果

提前谢谢你。

Answer 1

这是我做的:

img {
    width: 400px;
    height: 400px;
    position: absolute;
    right:0;
    top:0;
}
div {
    position: absolute;
    left: 0;
    top: 150px;
    background-color: white;
    width: 80%;
}

Here is the JSFiddle demo