手机浏览器和PCchrome浏览器背景图兼容型问题

整体的结构如下图PC中的结构图

外部边框结构

内部背景图结构

如上css在chrome的手机模式中,显示正常。

但是在手机上显示作为背景图的图片的背景全部变为绿色(背景图的background-color了)
这个兼容性如何调整

强制用chrome来启动网页:

 <meta http-equiv=“X-UA-Compatible” content=“chrome=1″/>

参考资料:
http://blog.csdn.net/kongjiea/article/details/38922785