请求高手指点,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高手指点迷津,这里谢过了~!最好有具体的代码~! (编辑:李大同)
【声明】本站内容均来自网络,其相关言论仅代表作者个人观点,不代表本站立场。若无意侵犯到您的权利,请及时与联系站长删除相关内容!
|