IE7及以上HTML页面周围的图像边框

Question

我正试图在整个HTML页面上设置一个类似于photo frame

的边框

有一个solution但它对IE7 +不起作用 有人有什么想法吗？

编辑1

谢谢你的回复，我想我没有清楚地解释我的问题。我已经包含了样本设计

https://dl.dropboxusercontent.com/u/604317/test.jpg

基本上是围绕页面的框架

编辑2

我添加了一个fiddlejs，我是从@Sebastian Graz那里得到的，它几乎就在那里，但框架需要填充内容而不是唯一的窗口

http://jsfiddle.net/xzqDQ/1/

#top, #bottom, #left, #right {
background: url('http://f.cl.ly/items/1P2Q1u0O2P44082N1L3a/Screen%20Shot%202013-07-04%20at%204.25.01%20PM.png');
position: fixed;
}
#left, #right {
    top: 0; bottom: 0;
    width: 30px;
    }
#left { left: 0; }
#right { right: 0; }

#top, #bottom {
    left: 0; right: 0;
    height: 30px;
    }
#top { top: 0; }
#bottom { bottom: 0; }

Answer 1

body {
    border:50px solid orange;
}

这是你的意思吗？

Answer 2

样本：http://jsfiddle.net/umbriel/xzqDQ/

的CSS：

#top, #bottom, #left, #right {
background: url('http://f.cl.ly/items/1P2Q1u0O2P44082N1L3a/Screen%20Shot%202013-07-04%20at%204.25.01%20PM.png');
position: fixed;
}
#left, #right {
    top: 0; bottom: 0;
    width: 30px;
    }
#left { left: 0; }
#right { right: 0; }

#top, #bottom {
    left: 0; right: 0;
    height: 30px;
    }
#top { top: 0; }
#bottom { bottom: 0; }