gpt4 book ai didi

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

转载 作者:太空宇宙 更新时间:2023-11-03 21:26:39 26 4
gpt4 key购买 nike

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

Image example

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

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

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

提前谢谢你。

最佳答案

这是我做的:

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

关于html - 将图片定位在网页的右上角,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/32325381/

26 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com