现在的位置: 首页 > 综合 > 正文

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

2014年09月05日 ⁄ 综合 ⁄ 共 959字 ⁄ 字号 评论关闭

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"

 

问题解决

抱歉!评论已关闭.