weebox ie6下对话框不显示,主要是因为ie6对png图片的处理问题。
查过很多资料,有说加个png.js,用脚本处理一下png图片,于是先简单测试了一下,发现确实可以,主要是使用样式 filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='test.png', sizingMethod='scale');
于是在weebox.css中发现,weebox原本已经对ie6做了处理
如
.weedialog .dialog-tl{position:absolute; left:0px; top:0px;width:11px; height:40px; background:url(img/dialog_tl.png) no-repeat; _filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(sizingMethod="scale", src="/weebox/src/img/dialog_tl.png"); _background:none;}
但是为什么却不显示呢,是因为图片地址不对src="/weebox/src/img/dialog_tl.png");
所以我们只需要把png图片地址修改正确即可。
如
.weedialog .dialog-tl{position:absolute; left:0px; top:0px;width:11px; height:40px; background:url(img/dialog_tl.png) no-repeat; _filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(sizingMethod="scale", src="d:/weebox/src/img/dialog_tl.png"); _background:none;}
为了更灵活,可以把weebox.css改为weebox_css.jsp,页面引用样式时引用weebox_css.jsp,在jsp里面生成weebox.css的内容,并动态设置png图片地址。
如
src="${basePath}/img/dialog_tl.png"
问题解决