html - 视口(viewport)边框

标签 html css border

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

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

谢谢。

最佳答案

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

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

关于html - 视口(viewport)边框,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/7105226/

相关文章:

html - 我可以使用什么 css 代码,以便我的网页上的内容不会改变浏览器窗口调整大小的位置?

css - 文本对齐仅适用于文本

css - Opera 和 Firefox 的正确边框渐变语法,我的 webkit 语法工作正常

jquery - 延迟动画并仅在滚动时显示

css - 带有顶部导航的可折叠侧边栏

html - 单元格边框显示在边框 :none td 上

css - Firefox 和 Opera 渲染边框不正确

html - 我该如何修改这个 Bootstrap 代码?

javascript - 将图像附加到现有表头

html - 如何在 div 中放置一个下拉菜单和一个 div,以便它充当下拉菜单?