Question

我正在使用c＃，javascript和css在asp.net中编写应用程序。我正在使用esri javascript api和esri dijit主题。

应用程序未读取claro.css主题。这是唯一有这个问题的CSS。当我签入Web调试器检查器时，检查列表中任何位置的div都没有列出主题。正在阅读另外两个esri dijits（popup.css和esri.css）。正在阅读我的自定义主题viewer.css。我确实必须为我的viewer.css主题添加一个覆盖，否则esri.css会继续阅读它。如果不使用覆盖claro，我的自定义css页面将不会被esri.css覆盖。如果我删除覆盖claro，仍然不会读取claro.css并且esri.css会覆盖自定义css。

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN"     "https://www.w3.org/TR/html4/strict.dtd">

<html xmlns="http://www.w3.org/1999/xhtml">
<head runat="server">
    <title>My Cool Map</title>

    <%--Inside GIS Style Sources--%>
    <link rel="stylesheet" type="text/css" href="~/App_Themes/viewer.css"  />

    <%--Outside Style Sources--%>
    <link rel="stylesheet" type="text/css"  media="screen" href="https://js.arcgis.com/3.4/js/dojo/dijit/themes/claro/claro.css" runat="server"/>
    <% if (false) {%>
        <link href="https://js.arcgis.com/3.4/js/dojo/dijit/themes/claro/claro.css" rel="stylesheet" type="text/css" />
    <% } %>

    <link rel="stylesheet" type="text/css" href="https://js.arcgis.com/3.4/js/esri/dijit/css/Popup.css" /> 
    <link rel="stylesheet" type="text/css" href="https://js.arcgis.com/3.4/js/esri/css/esri.css" />

<script type="text/javascript" src="https://js.arcgis.com/3.4/"></script> 

<!-- <script type="text/javascript" src="../arcgis_js_v34_api/arcgis_js_api/library/3_4/3_4/init.js"></script>    -->  

<script type="text/javascript" src="./Scripts/Common.js">
</script>
<script type="text/javascript" src="./Scripts/format.20110630-1100.min.js">
    <%--//Used to format numbers to look like currency https://code.google.com/p/javascript-number-formatter/--%>
</script>

<script type="text/javascript" src="./Scripts/jquery.js">
</script>

<script type="text/javascript" src="./Scripts/Config.js">

</script>
    <script>

function Load(){
    map code
}

</script>
</head>
<body class="override claro">
 <div id="rightPane"  dojotype="dijit.layout.ContentPane" region="right">
         <div dojoType="dijit.layout.AccordionContainer">
             <div dojoType="dijit.layout.ContentPane" id="legendPane" title="Legend"  >
                 <div id="legendDiv"></div>
             </div>
</body>
</html>

应用程序无法读取Esri Dijit Claro.css主题

0 个答案: