是否有替代对象:IE / EDGE中的覆盖工作

时间:2017-12-07 16:25:58

标签: css html5 css3 internet-explorer frontend

使用<img>标签,图像是否有任何替代比例? 我找到的唯一一个是object-fit: cover;,但对浏览器Edge和IE9 +不起作用。

<div class="fixing-imagem">
   <figure>
      <img [src]="professor.imagem" class="foto-card" [style.background-position]="center">
   </figure>
</div>

我的foto-card课程:

.card-b .foto-card{
  width: 150px;
  height: 150px;
  margin: 10px auto;
  text-align: center;
  border-radius: 50%;
  background-size: cover !important;
  border: 5px solid #FFF;
  box-shadow: 0px 0px 2px #8896A9;
}

我的修复 - img:

.fixing-imagem {
  text-align: center;
  object-fit: cover;
}

0 个答案:

没有答案