使用图像作为网站的边框

Question

我正在为媒体代理商创建一个网站，我需要在网站上插入一个框架式边框。该网站应该看起来像是放在电视上。 电视图像是一个带有外部东西的PNG，内部部分是透明的。

我的网站位于www.mediamantra.co/demo 我希望网站看起来像：

我认为有一个z-index CSS属性，但它没用。我将不胜感激任何建议和指导。

Answer 1

它看起来不错.. !! 为什么你需要做这些事情？

无论如何，您可以使用.png图片覆盖网站并为您的身体设置边框以获得四边空间，例如

body:before, body:after {
    content: "";
    position: fixed;
    background: #00;
    left: 0;
    right: 0;
    height: 10px; //according to your image
}
body:before {
    top: 0;
}
body:after {
    bottom: 0;
}
body {
    border-left: 10px solid #900; //according to your image
    border-right: 10px solid #900;  //according to your image
}