VS2012 Page Inspector ignoring text-shadow style

Question

I'm having in issue in VS2012 where page inspector appears to be ignoring the css directive:

text-shadow: 2px 2px 5px #aaaaaa;

This is part of a style as follows:

h1 {
font-size: 56px;
text-shadow: 2px 2px 5px #aaaaaa;
text-indent: -61px;
float: left;
margin-bottom: 5px;
}

When 'Viewed in Page Inspector' and the header is 'inspected' it shows the other four styles but there is no reference to 'text-shadow'.

If I view the page in IE10 or Chrome the shadow works perfectly. It's almost as if Page Inspector is hosting an earlier IE than IE10 - but I'm not sure how that's possible.

Much befuddlement here! Any ideas?

Answer 1

Page inspector might be slightly different from pure IE 10 on your computer. They have different user agents at least:

Page inspector:

Mozilla/5.0 (compatible; MSIE 10.0; Windows NT 6.1; WOW64; Trident/6.0; Eureka/1.0)

IE10:

Mozilla/5.0 (compatible; MSIE 10.0; Windows NT 6.1; WOW64; Trident/6.0)

Is there any problem with it? There is probably nothing you can do about it.

EDIT: Add

<meta http-equiv="X-UA-Compatible" content="IE=Edge" /> 

to your markup.