HTML – 如何将div放在响应式旋转div之上?

我正试图让这个设计:

但是我遇到了徽标和漩涡的问题,我不知道如何添加它们.
我尝试过绝对定位,但在调整网站大小时,徽标和漩涡最终会出现与图像正方形不同的地方.

如何添加漩涡和徽标?

JSfiddlehttp://jsfiddle.net/uHsJv/1/
当你想编辑JS小提琴时,在我网站上的images文件夹中你可以找到以下图像:
– 徽标(images / logo.png或images / logogroot.png)
– 顶部的两个漩涡,包括logo(images / boven.png)
底部的两个漩涡(images / onder.png)
– 完整的’背景'(images / achtergrond.png)

目前的HTML:

Box side left">

相关文章

Css3如何实现鼠标移上变长特效?(图文+视频)
css3怎么实现鼠标悬停图片时缓慢变大效果?(图文+视频)
jquery如何实现点击网页回到顶部效果?(图文+视频)
css3边框阴影效果怎么做?(图文+视频)
css怎么实现圆角边框和圆形效果?(图文+视频教程)
Css3如何实现旋转移动动画特效