在操作Dojo时候,由于添加了<Form id='Form1' runat='server'></Form>,导致预期效果没有出来,页面空白。
如何在Form标签的存在情况下解决页面失效
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"><html xmlns="http://www.w3.org/1999/xhtml"><head><title></title><link href="../Scripts/dijit/themes/claro/claro.css" rel="stylesheet" type="text/css" /><link href="../resources/style/Layout.css" rel="stylesheet" type="text/css" /><link href="../resources/style/style.css" rel="stylesheet" type="text/css" /> <script type="text/javascript" src="../Scripts/dojo/dojo.js" data-dojo-config="isDebug: true,parseOnLoad: true"></script> </head><body class="claro"> <form name="aspnetForm" method="post" action="Layout.aspx" id="aspnetForm"><div><input type="hidden" name="__VIEWSTATE" id="__VIEWSTATE" value="/wEPDwUKMTY1NDU2MTA1MmRkM6ZzVaIOw5ZNYNu3moIWt8SPLwo=" /></div> <script type="text/javascript"> dojo.require("dojo.parser"); dojo.require("dijit.layout.BorderContainer"); dojo.require("dijit.layout.TabContainer"); dojo.require("dijit.layout.ContentPane"); </script> <div id="appLayout" class="demoLayout" data-dojo-type="dijit.layout.BorderContainer" data-dojo-props="design: 'headline'"> <div class="centerPanel" data-dojo-type="dijit.layout.TabContainer" data-dojo-props="region: 'center', tabPosition: 'top'"> <div data-dojo-type="dijit.layout.ContentPane" data-dojo-props="title: '人力资源'"> <h4> Group 1 Content</h4> <p> Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.</p> </div> <div data-dojo-type="dijit.layout.ContentPane" data-dojo-props="title: '绩效考核'"> <h4> Group 2 Content</h4> </div> <div data-dojo-type="dijit.layout.ContentPane" data-dojo-props="title: '权限管理'"> <h4> Group 3 Content</h4> </div> </div> <div class="edgePanel" data-dojo-type="dijit.layout.ContentPane" data-dojo-props="region: 'top'"> Header content (top)</div> <div id="leftCol" class="edgePanel" data-dojo-type="dijit.layout.ContentPane" data-dojo-props="region: 'left', splitter: true"> Sidebar content (left)</div> </div> </form></body></html>
如何在Form标签的存在情况下解决页面失效
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"><html xmlns="http://www.w3.org/1999/xhtml"><head><title></title><link href="../Scripts/dijit/themes/claro/claro.css" rel="stylesheet" type="text/css" /><link href="../resources/style/Layout.css" rel="stylesheet" type="text/css" /><link href="../resources/style/style.css" rel="stylesheet" type="text/css" /> <script type="text/javascript" src="../Scripts/dojo/dojo.js" data-dojo-config="isDebug: true,parseOnLoad: true"></script> </head><body class="claro"> <form name="aspnetForm" method="post" action="Layout.aspx" id="aspnetForm"><div><input type="hidden" name="__VIEWSTATE" id="__VIEWSTATE" value="/wEPDwUKMTY1NDU2MTA1MmRkM6ZzVaIOw5ZNYNu3moIWt8SPLwo=" /></div> <script type="text/javascript"> dojo.require("dojo.parser"); dojo.require("dijit.layout.BorderContainer"); dojo.require("dijit.layout.TabContainer"); dojo.require("dijit.layout.ContentPane"); </script> <div id="appLayout" class="demoLayout" data-dojo-type="dijit.layout.BorderContainer" data-dojo-props="design: 'headline'"> <div class="centerPanel" data-dojo-type="dijit.layout.TabContainer" data-dojo-props="region: 'center', tabPosition: 'top'"> <div data-dojo-type="dijit.layout.ContentPane" data-dojo-props="title: '人力资源'"> <h4> Group 1 Content</h4> <p> Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.</p> </div> <div data-dojo-type="dijit.layout.ContentPane" data-dojo-props="title: '绩效考核'"> <h4> Group 2 Content</h4> </div> <div data-dojo-type="dijit.layout.ContentPane" data-dojo-props="title: '权限管理'"> <h4> Group 3 Content</h4> </div> </div> <div class="edgePanel" data-dojo-type="dijit.layout.ContentPane" data-dojo-props="region: 'top'"> Header content (top)</div> <div id="leftCol" class="edgePanel" data-dojo-type="dijit.layout.ContentPane" data-dojo-props="region: 'left', splitter: true"> Sidebar content (left)</div> </div> </form></body></html>
样式这样写的:
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#84C63C', endColorstr='#489615',GradientType=0 );