html - CSS 照片位置在右上角和内部照片

标签 html css

<分区>

enter image description here

你好,我想创建这样的照片 我希望这个标志在右上角和人物照片中

这是我的代码

<div style='position:relative'>
  <img src='https://i.ibb.co/gFsCTmf/orang.jpg'>
  <img src='https://i.ibb.co/hLB6zMr/logo.png' style='position:absoulute;top:-10px;right:0px'>
</div> 

这是我的 jsfiddle我尝试在 Logo 图像中添加绝对位置,而 div 位置相对不起作用。帮帮我谢谢

最佳答案

你的绝对拼写错误,需要具体的图像 div 的宽度。

<div style='position:relative;width: 252px;'>
  <img src='https://i.ibb.co/gFsCTmf/orang.jpg'>
  <img src='https://i.ibb.co/hLB6zMr/logo.png' style='display:block;position:absolute;top:0;right:0;'>
</div>

关于html - CSS 照片位置在右上角和内部照片,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/55499476/

上一篇:html - 我如何在 Django 中应用这种样式? ( radio 类型)

下一篇:javascript - 跳转到 SPA 的新页面

相关文章:

html - 变换 : rotate is creating unwanted white space

javascript - 如何在 ng-repeat 中的某个特定索引上开始新行?

javascript - 如何设置 Repeater 元素背景颜色的样式?

html - 在第一个 CSS 多列顶部添加空白行

javascript - 将元素保持在动态变化面板的底部

javascript - HTML5 <a> Javascript 中的下载属性未处理服务器错误

html - 在表格中堆叠图像

css - 在我的 Node Express 服务器上路由 css 时出现问题

css - margin 和 padding 的通用类

php - 在 div 中将特色图片设置为背景