html - 视口(viewport)边框

Question

我想在网页视口(viewport)周围有一个 8 像素的实心黑色边框。它不滚动，内容从它的“后面”滚动。它是透明的。如果我使用具有大 z-index 的固定 div，它将阻止与其下的元素交互。

我该怎么做？我可以制作 4 个 div，每侧一个，左右宽度为 8px，顶部和底部高度为 8px，但这似乎是解决此问题的一种糟糕方法。

谢谢。

Answer 1

css-tricks.com 上有一篇关于该问题的精彩文章:http://css-tricks.com/body-border/

第一个是四个 div 的，但其他的要好一些。