Hi,<br>I try to use OpenLayers.Layer.Image in order to create an opacity layer (in order to hide partially the orthophoto, in this case). The layer is defined with:<br><br>var voidLayer = new OpenLayers.Layer.Image("voidLayer",<br>
'gfx/ol/white.png',<br> new OpenLayers.Bounds.fromArray(this.baseConfig.maxExtent),<br> new OpenLayers.Size(1, 1), {<br> displayInLayerSwitcher: false,<br>
visibility: false,<br>
transitionEffect: 'resize',<br> resolutions: this.baseConfig.pixelmapResolutions<br> });<br><br>- white.png is a white 1x1 px image<br><br>This works very well in FF and IE for scale higher than 1:100'000: <a href="http://mf-geoadmin0i.bgdi.admin.ch/?zoom=4&X=152100&Y=565025&bgOpacity=80&bgLayer=voidLayer">http://mf-geoadmin0i.bgdi.admin.ch/?zoom=4&X=152100&Y=565025&bgOpacity=80&bgLayer=voidLayer</a><br>
<br>But, for smaller scale, it doesn't work for IE (but still work for FF): <a href="http://mf-geoadmin0i.bgdi.admin.ch/?zoom=5&X=152100&Y=565025&bgOpacity=80&bgLayer=voidLayer">http://mf-geoadmin0i.bgdi.admin.ch/?zoom=5&X=152100&Y=565025&bgOpacity=80&bgLayer=voidLayer</a><br>
<br>After investigation, it seems that the image size is huge: "overflow: hidden; position: absolute; z-index: 1; left: -6562px; top: -9689px; <span style="color: rgb(255, 0, 0);">width: 24000px; height: 16000px;<span style="color: rgb(0, 0, 0);">"</span></span> This is normal, but it seems that IE doesn't like that. Is this limitation already known ? Do you see any workaround (or other ways to create an opacity layer) ? <br>
<br>Thanks,<br>Cédric<br><br><br clear="all"><br>-- <br>Welcome to my world: <a href="http://www.cedricmoullet.com/">http://www.cedricmoullet.com/</a><br>My Linked In profile: <a href="http://www.linkedin.com/in/cedricmoullet">http://www.linkedin.com/in/cedricmoullet</a><br>
Twitter: <a href="http://twitter.com/cedricmoullet">http://twitter.com/cedricmoullet</a><br>