InfoWindow appears to be broken in some areas on the map when viewing a JavaScript application in Internet Explorer 6, and using Doctype as Transitional.
上次发布: November 21, 2014ArcGIS API for JavaScript
漏洞 ID 编号
NIM051252
已提交
November 19, 2009
上次修改时间
June 5, 2024
适用范围
ArcGIS API for JavaScript
找到的版本
1.3
编程语言
JavaScript
操作系统
Windows OS
操作系统版本
2003
状态
Will Not Be Addressed
开发团队已考虑过该问题或请求,并决定不会解决该问题。 问题的“其他信息”部分可能包含进一步说明。
附加信息
The ArcGIS API for JavaScript supports Internet Explorer 7 and greater.
解决办法
The problem can be worked around by either modifying the infowindow.css of the locally hosted Javascript API with following lines or including the following lines of modified CSS in a style tag on html page -
.infowindow .window .top .left .sprite {margin-top:0px; margin-left:-984px;}
.infowindow .window .top .right {overflow:hidden; position:absolute; padding-right:5px; margin-left:5px;}
.infowindow .window .bottom .left .sprite {margin-top:-990px; margin-left:-984px;}
Below is the sample code which we need to add in to the html file instead of hosting the JSAPI Locally
<style type="text/css">
<!--Adjust the position of map resize handle a little bit -->
.dojoxResizeHandle {
right: 0px;
bottom: 0px;
}
.infowindow .window .top .left .sprite {margin-top:0px; margin-left:-984px;}
.infowindow .window .top .right {overflow:hidden; position:absolute; padding-right:5px; margin-left:5px;}
.infowindow .window .bottom .left .sprite {margin-top:-990px; margin-left:-984px;}
.infowindow .window .bottom .right {height:10px; overflow:hidden; position:absolute; margin-left: 5px;}
.infowindow .upperleft .sprite {margin-left:-800px; margin-top:-800px; margin-bottom:-156px;}
.infowindow .upperright .sprite {margin-left:-902px; margin-top:-800px; margin-bottom:-156px;}
</style>
.infowindow .window .bottom .right {height:10px; overflow:hidden; position:absolute; margin-left: 5px;}
.infowindow .upperleft .sprite {margin-left:-800px; margin-top:-800px; margin-bottom:-156px;}
.infowindow .upperright .sprite {margin-left:-902px; margin-top:-800px; margin-bottom:-156px;}