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
Post a Comment