Take the 2-minute tour ×
SharePoint Stack Exchange is a question and answer site for SharePoint enthusiasts. It's 100% free, no registration required.

We're working on using some custom CSS in a Script Editor in our SharePoint 2013 environment and we discovered that the box-shadow which we are using does not display in IE9.

In looking into this it appears the default Seattle master page for SP2013 is hard-coded to have a "X-UA-Compatible" of "IE=10" instead of "IE=edge".

We tested our site using Chrome and IE10 and it displayed our box-shadow properly. IE9 however does not display the box-shadow.

I've thought about creating a custom master page which sets the X-UA-Compatible to be IE=edge but I'm not sure if that would break other aspects of the SP2013 sites or if there is an easier way to do this.

Any guidance you can provide is greatly appreciated.

Thanks,

Josh

share|improve this question

2 Answers 2

Setting it to IE=edge wouldn't fix your IE9 issues. It should be falling back to IE9 mode automatically since it's set to IE=10. Are you sure there isn't an issue in your CSS for IE9 rendering? box-shadow does work in IE9, we have it one one of our sites (in 2010 and IE9 rendering).

http://stackoverflow.com/questions/5617455/box-shadow-on-ie9-doesnt-render-using-correct-css-works-on-firefox-chrome

share|improve this answer

Changing the Document Mode to edge will cause problems. (For example drag and drop for webparts does not work in IE 11)

box-shadow is supported in IE 9 so you should not have a problem here. http://caniuse.com/#feat=css-boxshadow

share|improve this answer

Your Answer

 
discard

By posting your answer, you agree to the privacy policy and terms of service.

Not the answer you're looking for? Browse other questions tagged or ask your own question.