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

最新推荐文章于 2022-12-20 18:46:14 发布

~纹之心

最新推荐文章于 2022-12-20 18:46:14 发布

阅读量2.3k

点赞数

分类专栏： svg 你丫的资料真少

本文链接：https://blog.csdn.net/ynp507/article/details/84017143

版权

svg 你丫的资料真少专栏收录该内容

3 篇文章 0 订阅

订阅专栏

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>"
	});
})