weebox0.4 ie6 上对话框背景不显示有关问题解决

weebox0.4 ie6 下对话框背景不显示问题解决

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"