svg在svg viewer下 图层 遮挡问题解决方案

svg在svgviewer下图层遮挡问题解决方案

svg的图层没有办法用z-index控制，因为用到了svgviewer，想显示被遮挡的html信息应该和flex类似，加上wmode属性，<embedwmode='transparent'就可以了。womde属性参考http://hi.baidu.com/ningyian/blog/item/1b970b958713111a7af48068.html

顺便把写的例子也粘贴过来吧。

Ext.onReady(function() {
	Ext.QuickTips.init();
	var tb = new Ext.Toolbar({
				height : 32,
				tabTip : "ceshi",
				items : [{
							xtype : "button",
							text : "点击",
							tooltip : "ceshi"
						}]
			});
	var tabs = new Ext.Panel({
		tbar : tb,
		renderTo : "svgdiv",
		width : 500,
		height : 500,
		margins : '3 3 3 0',
		html : "<div><embed wmode='transparent' src='svg/4.svg'  width='100%' height='100%' type='image/svg+xml'/></div>"
	});
})