ionic2：如何在图像上方设置图像不透明度？

Question

我正在使用Ionic2，我想制作图片并在点击图片时在图片上方设置一个图标我将上传图片： 这是我的代码：

＆＃13;

＆＃13;

img {
  -o-object-fit: cover;
  object-fit: cover;
  border-radius: 50%;
  opacity: 0.6;
}

＆＃13;

<img src="http://cdn.business2community.com/wp-content/uploads/2014/04/profile-picture.jpg"/><br/>
        <button clear id="chgImg">Change Image</button><br/>

＆＃13;

＆＃13;

＆＃13;

我想设置：

<ion-icon name="camera"></ion-icon>

在图像上方及其中心，我该怎么办？

Answer 1

向图像和按钮添加容器

.container{
     position: relative;
 }

在容器内添加图标 并将其定位为绝对。