Matt Cruse - Working Text Shadow for Internet Explorer 7,8 & 9, Football Manager 2011, Turkey - Bodrum - Gümbet, Crazy sunflower snail, GoSqaured - Live Stats, Dominos Pizza App for iPhone, mattcruse.com gets a facelift...,

mattcruse.com - about matt cruse

Not the Matt Cruse from Skybreaker, I do not live on an airship called the Aurora and I am not Matt Cruse, the main character and narrator in the Airborn series by Kenneth Oppel - just to save any confusion you may have.

mattcruse.com is my own personal website, featuring my blog - including items about TTA Derby - Taekwondo Derby, Turkey - Bodrum - Gumbet, Dominos Pizza App for iPhone, Brawn GP F1 teams up with Derby based Fish Media, LinkedIn, DNScoop - Domain Valuation, mattcruse.com sale page, etc.

To read more about Matt Cruse, click the following link: about

mattcruse.com Latest Blog Post - Working Text Shadow for Internet Explorer 7,8 & 9

Working Text Shadow for Internet Explorer 7,8 & 9

Thursday, 10 May 2012

Thanks to Martin Hintzman for this...

I was struggling to get text shadow working in Internet Explorer 7,8 and 9 when hovering on a navigation item and then found this useful script so though I'd share.

You can download the script at the following:

http://mattcruse.com/downloads/jquery.textshadow.zip

Then all you need to do is link to it in your head tags

<head>
<script type="text/javascript" src="location/jquery.textshadow.js"> < /script>
</head>

The script for this is fairly straightforward - if you just want to have an element with text shadow applied then you could use the following:

$(document).ready(function () {
var options = {
x: 0,
y: 0,
radius: 5,
color: "#ffffff"
}
$("#nav li a").textShadow(options);
});

Or if you want to use the text-shadow for navigation as I needed to then you can use the following code:

$(document).ready(function () {
var options = {
x: 0,
y: 0,
radius: 5,
color: "#ffffff"
}
$("#nav li a").hover(function() {
$(this).textShadow(options);
}, function() {
$(this).textShadowRemove()
});
});

There is a demo page here so you can see it in action - hope it helps someone.