当div的大小增加时，如何使图像居中

Question

我正在努力将图像修复到弹出窗口，我的问题是图像被拉伸到整个div，

我正在应用的div是从JQuery获取宽度和高度。  HTML

if (!Math.log10) Math.log10 = function(value){
  return -3 * (Math.log(value * 100)  / Math.log(0.001))  - 2;
};

CSS就是这样的

Math.log10()

Answer 1

尝试在.about-slider-container中添加一个位置。

.about-slider-container {
  position: relative; //or something that suits you
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  padding: 25px;
  z-index: 100;
}

#portfolio-detail {
  position: absolute;
  width: 100%;
  height: 100%;
  background: rgba(0,0,0,0.9);
  z-index: 9999;
}