微信公众号搜"智元新知"关注
微信扫一扫可直接关注哦!

求:dojo progressbar在IE中为什么不能正常显示?

请求高手指点,Dojo progressbar 在ff中能正常显示,而在IE中无法显示显示结果如图:

ff中完美显示

而在IE中的显示如图:

代码是:

<head>
<Meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<title>Interview Input</title>
<style type="text/css">
@import "../style/global.css";
@import "/jslib/dojo-release-1.3.1/dijit/themes/tundra/tundra.css";
@import "/jslib/dojo-release-1.3.1/dojo/resources/dojo.css";
html,body,#main {
width: 100%; height: 100%;
border: 0; padding: 0; margin: 0;
}
#contactZone>div {
width: 20%; float: left;
}
</style>
<link rel="Stylesheet" href="/style/global.css"/>
<script type="text/javascript" src="/jslib/dojo-release-1.3.1/dojo/dojo.js" djConfig="parSEOnLoad: true"></script>


<script>
dojo.require("dojo.parser");

dojo.require("dijit.form.Slider");

</script>
</head>

<tr>
<td style="text-align: right;" valign="top">业务进度:</td>
<td colspan="5">
<div id="progress" name="progress" dojoType="dijit.form.HorizontalSlider" value="<%=(interview == null) ? "20" : interview.getProgress()%>" minimum="0" maximum="100"
discreteValues="11" intermediateChanges="true" showButtons="true" style="white-space: Nowrap; width:90%;">

<ol dojoType="dijit.form.HorizontalRuleLabels" container="topdecoration" style="height:1em;font-size:100%;color:gray;" >
<li>零接触</li>
<li>初次拜访</li>
<li>相互了解</li>
<li>意向达成</li>
<li>合同签订</li>
<li>售后</li>
</ol>
<div dojoType="dijit.form.HorizontalRule" container="bottomdecoration"
count=11 style="height:5px;"></div>
<ol dojoType="dijit.form.HorizontalRuleLabels" container="bottomdecoration"
style="height:1em;font-size:75%;color:gray;" >
<li>0</li>
<li>10</li>
<li>20</li>
<li>30</li>
<li>40</li>
<li>50</li>
<li>60</li>
<li>70</li>
<li>80</li>
<li>90</li>
<li>100</li>
</ol>
</div>

</td>

</tr>请Ajax高手指点迷津,这里谢过了~!最好有具体的代码~!

原文地址:https://www.jb51.cc/dojo/291804.html

版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 dio@foxmail.com 举报,一经查实,本站将立刻删除。

相关推荐