【问题标题】:ionic2: how to set image above image opacity?ionic2:如何在图像不透明度上方设置图像?
【发布时间】:2017-08-27 16:48:49
【问题描述】:

我正在使用 Ionic2,我想制作图像并在单击图像时在图像上方设置一个图标,我将上传图像: 这是我的代码:

img {
  -o-object-fit: cover;
  object-fit: cover;
  border-radius: 50%;
  opacity: 0.6;
}
<img src="http://cdn.business2community.com/wp-content/uploads/2014/04/profile-picture.jpg"/><br/>
        <button clear id="chgImg">Change Image</button><br/>

我要设置:

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

在图片上方和中间,我应该怎么做?

【问题讨论】:

    标签: ionic-framework ionic2


    【解决方案1】:

    为图片和按钮添加容器

    .container{
         position: relative;
     }
    

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

    【讨论】:

    • 我希望图标在图片而不是按钮上方
    • 是的。同样的逻辑。图标上的绝对位置。
    猜你喜欢
    • 2014-09-05
    • 1970-01-01
    • 1970-01-01
    • 2010-11-09
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 2011-09-08
    相关资源
    最近更新 更多