html - div 内的绝对元素不会出现在其他元素之上

Question

我正在为我的 div 创建一个“边框”图像，而不是让它成为一个边框图像(因为我似乎无法为这个图像做这件事，我正在创建一个单独的图像放置在在我的 iframe 顶部。)

我环顾四周，你不能将背景图像放在内容之上，所以我不得不使用:

position: absolute;
z-index: 100;

但是还是不会出现/出现在最上面...

有什么想法吗？这是 JSFiddle:http://jsfiddle.net/0hapk48z/5/

Answer 1

这是你的 fiddle 运行:

http://jsfiddle.net/0hapk48z/9/

我做的是解决语法错误，给.border设置1000px的高度

 .border { height: 1000px; }

你可以把你需要的确切高度