读书人

weebox0.4 ie6 上对话框背景不显示有关

发布时间: 2012-10-13 11:38:17 作者: rapoo

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"

问题解决

读书人网 >Web前端

热点推荐