I am attempting to rotate clickable elements in IE8 using the proprietary MS filter DXImageTransform.Microsoft.Matrix
. I\'ve calculated the matrix correctly and
I've achieved the effective result in all browsers I was targetting by splitting the CSS rules up by browser support, and applying classes using conditional comments to deal with IE.
The big showstopper was the fact that IE9 would rotate the element visibly as a result of DXImageTransform.Microsoft.Matrix(M11=0, M12=-1, M21=1, M22=0, sizingMethod='auto expand')
but wouldn't rotate the interactable bounding box. I've read since posting this question that IE9 has reduced support for filters, and so I've set it up so that for IE7/8 it uses the filter, and for IE9 it uses -ms-transform
.
Less elegant, but now it works.