在图片幻灯片放映之外添加边框

Question

我正在为CMS制作幻灯片，此幻灯片对一系列图像尺寸有一定的容差。不幸的是我无法将所有图像包裹在边框中。

查看图片以更好地了解问题。

Answer 1

请检查一下，希望这对您有用。

＆＃13;

＆＃13;

.slider_container {
  position: relative;
}
.slider_container img {
  position: relative;
  width: 100%;
}
.slider_container .border_box {
  position: absolute;
  border: 3px solid #fff;
  left: 5px;
  right: 5px;
  top: 5px;
  bottom: 10px;
}

＆＃13;

<div class="slider_container">

  <img src="http://www.electricprism.com/aeron/slideshow/images/1.jpg" alt="">
  <div class="border_box"></div>

</div>

＆＃13;

＆＃13;

＆＃13;