internet explorer - CSS3 issues in IE10+ and ArcGIS javascript API -


i have map built using arcgis javascript api, , works except css want apply labels. doesn't work in ie10+.

to apply css labels listen graphic-node-add event, , apply css graphic node:

on(layerlabels, 'graphic-node-add', function (addedgraphicnode) {   addedgraphicnode.node.style.textshadow = "1px 1px 1px white, 1px -1px 1px white, -1px 1px 1px white, -1px -1px 1px white"; }); 

this works in chrome , firefox, ie doesn't this, , text shows normal. , it's not shadow doesn't work in ie. no css apply way works in ie.

however this, added in style tag, work, , shadows text of scale bar in browsers including ie:

.esriscalebarlabel{   color:black;   text-shadow: -1px 0 white, 0 1px white, 1px 0 white, 0 -1px white; } 

i've tried couple different ways css work on labels in ie, including catching graphic-draw event, rather graphic-node-add event, style.setproperty("text-shadow",...) method, , both fail. ideas?

edit 6/4/15 here's fiddle showing issue... http://jsfiddle.net/gvgwybta/1/ map doesn't show quite right, labeling issue can still seen. chrome, label shadows work. ie, don't.


Comments

Popular posts from this blog

javascript - Bootstrap Popover: iOS Safari strange behaviour -

Magento/PHP - Get phones on all members in a customer group -

session - Logging Out Using PHP -