CSS中的双边框

Question

我正在从头开始创建基于Javascript的PHP照片库

问题是,我想在简单的图片和相册之间做出改变.

如此简单的图片边框就像那样

是否有可能通过css或CSS3创建像照片相册边框(双边框,创建多个图像效果)的脸书？

PS不知道是否可以使用旧的CSS标准.我的意思是,CSS3可能会这样做,但它不会向后兼容.另一方面,目前我的php端生成100x100像素拇指.如果我增加拇指的大小,我需要一些不会被破坏的东西.

Thx提前

Answer 1

使用像:before或的伪元素:after,例如: 结果,大多数浏览器不喜欢:在图像之前,因为它不是包含文本的元素.如果你在替代元素(如div)上执行此操作,仍然可以执行此操作,并将div的背景设置为原始图像.或者,您可以尝试:http: //jsbin.com/otivaj/edit#html,live