视口边框

Question

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

我怎样才能做到这一点？我可以制作 4 个 div，每边一个，左右宽度为 8px，顶部和底部高度为 8px，但这似乎是解决这个问题的糟糕方法。

谢谢你。

Answer 1

关于这个问题，css-tricks.com 上有一篇很棒的文章：http ://css-tricks.com/body-border/

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