Javascript Alter CSS text-shadow of Dynamic Element

[astralaaron]

I am having a weird issue where the text-shadow will not take effect on an html marquee (IE7 / IE8)

The marquee is created dynamically, and appended to the document... ive tried adding the style before and after the element is appended. all other style's work fine. Any common reason why maybe it is not working?

[niche]

Please post the relevant code.

[astralaaron]

Here is the area of the code with an issue... " x.oldMarquee.style.textShadow = '3px 3px 1px #0000ff'; " is not working

	x.oldMarquee = document.createElement('marquee');		e.canvasId = settings.parent + '_marquee';		//IE7	x.oldMarquee.trueSpeed = 'truespeed';	x.oldMarquee.scrollAmount = ((settings.velocity) ? settings.velocity : 1);	x.oldMarquee.scrollDelay = '18';	// > IE7	x.oldMarquee.setAttribute("truespeed","truespeed");	x.oldMarquee.setAttribute("scrollamount", ((settings.velocity) ? settings.velocity : 1));	x.oldMarquee.setAttribute("scrolldelay","18");	x.oldMarquee.style.position = "relative";	x.oldMarquee.stylx.overflow = "hidden";	var weight, style, family, color, size, hover;	x.oldMarquee.style.paddingTop = ((settings.height - ((settings.fontSize) ? (settings.fontSize) : 14)) / 2) + "px";	x.oldMarquee.style.size = size = (settings.fontSize) ? (settings.fontSize + "px") : '14px';	x.oldMarquee.style.fontWeight = weight = (settings.fontWeight) ? settings.fontWeight : 'normal';	x.oldMarquee.style.fontStyle = style = (settings.fontStyle) ? settings.fontStyle : 'normal';	x.oldMarquee.style.fontFamily = family = (settings.fontFamily) ? settings.fontFamily : 'Times New Roman';	x.oldMarquee.style.color = color = (settings.fontColor) ? settings.fontColor : '#000';	x.oldMarquee.style.textShadow = '3px 3px 1px #0000ff';	x.oldMarquee.id     = x.canvasId;	x.oldMarquee.width  = settings.width;	x.oldMarquee.height = settings.height;	x.parentNode.appendChild(x.oldMarquee);

Edited September 6, 2014 by astralaaron

[dsonesuk]

text-shadow not supported on IE lower than version 10.

[niche]

You might consider this:

 

IE has their own proprietary text shadow :

 

http://stackoverflow.com/questions/6905658/css3-text-shadow-in-ie9

[astralaaron]

which filters work in IE7 and IE8?? I've been trying every one I can find and none of them work...

[astralaaron]

do any of the filters text shadow filters work lower than IE9? I'm still having no luck...

[astralaaron]

filter:progid:DXImageTransform.Microsoft.DropShadow(enabled=true, offX=1, offY=1, color=#00ff00);

Where am I going wrong? Doesn't work....

[dsonesuk]

try it with zoom: 1;

                        zoom:1;               filter:progid:DXImageTransform.Microsoft.Shadow(color=#0000ff,direction=155,strength=3);

note it does not work in IE11, compatibility modes, but it works in IE tester, but! it looks really really CR@P, I would just leave it,