前端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;
}