前端HTML+CSS图片显示不全问题

在前端展示图片时，固定150px*150px容器中，经常出现图片展示不全问题

解决：使用css加背景图片

            <a class="card showimage" :style="{'background-image':'url('+bg.png+')'}"
               v-for="(item, index) in pictureList" :key="index"
               @click="selectImgItem(item)">
            </a>

主要CSS

.showimage {
  width: 150px;
  height: 150px;
  float: left;
  margin: 5px;
  overflow: hidden;
  border: 1px solid #dedede;
  padding: 5px;
  // 图片显示不全问题解决
  background-repeat: no-repeat;
  filter:"progid:DXImageTransform.Microsoft.AlphaImageLoader(sizingMethod='scale')";
  -moz-background-size:88% 88%;
  background-size:88% 88%;
  background-position: center center;
}