svg在svg viewer下 图层 遮挡问题解决方案
svg的图层没有办法用z-index控制,因为用到了svg viewer,想显示被遮挡的html信息应该和flex类似,加上wmode属性,<embed wmode='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>" }); })
|