html - 在图片右上角设置关闭图标

标签 html css angularjs

<分区>

我有一个使用 angularjs 的图像列表。我想在每张图片的右上角显示一个关闭图标图片。请帮助我处理 CSS,下面是列出图片的代码。

<div ng-repeat="file in imagefinaldata" style="display:inline;">
    <img  height=200 width=250 data-ng-if="store.imageUrl !== ''" ng-src="{{store.imageUrl}}{{file}}"  class="imgResponsiveMax" alt=""/>
    <img class="close" src="http://wecision.com/enterprise/images/icons/closeIcon.png"  />
</div>

最佳答案

在图像父div中添加类并做CSS。请参阅下面的代码段。

.img_wrp {
  display: inline-block;
  position: relative;
}
.close {
  position: absolute;
  top: 0;
  right: 0;
}
<div ng-repeat="file in imagefinaldata" class="img_wrp">
  <img height=200 width=250 src="https://wecision.com/images/wrc-1.png" class="imgResponsiveMax" alt="" />
  <img class="close" src="http://wecision.com/enterprise/images/icons/closeIcon.png" />
</div>

关于html - 在图片右上角设置关闭图标,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/40400094/

相关文章:

html - 父 div 的 div 背景中的 div 不适用于嵌套 div

css - 使两个 float 的 CSS 元素具有相同的高度

javascript - 如何在不上传的情况下在本地处理图像(来自手机)?

angularjs - Angular2 服务订阅不工作

angularjs - 玩转框架2、AngularJS和国际化

javascript - 如何使用Js从用户那里获取CSS属性

html - 使用 VBA 访问 iframe 中的对象

css - 100% 宽度的粘性页脚 + 标题,但居中的 3 列内容高度为 100%?

asp.net - 当 RadMultiPage 加载长页面时 Div 高度未调整

jquery - CSS3动画重置