css - 围绕 CSS 背景图像的边框

Question

我想在 CSS 背景图片周围绘制边框，它会根据容器 div 中的窗口大小自行调整大小。我可以围绕 div 绘制边框，但不能围绕图像本身绘制边框。

甚至可以在这种设置中完成吗？

我没有在这里发布代码，而是做了一个工作示例 HERE

<style parse-style>#pimg {
background:#FFF url( {{ img }} ) center center no-repeat;  
background-size: contain;
  height: 100%;
  position:relative;
  -webkit-transition: All 0.3s ease-in-out;;}
</style>

提前致谢。

Answer 1

不，没有办法做到这一点。您可以添加第二个包含图像的 div，但这样您将无法使用 background-size: contain。

如果你知道图像尺寸不会改变，你可以添加第二个背景图像，以相同的方式定位，它只是一个带有你想要的边框的透明 png ......但这真的很愚蠢.