transform icon indicating copy to clipboard operation
transform copied to clipboard

Respect already positioned elements

Open rossfishkind opened this issue 15 years ago • 2 comments

I found an issue where if you have an element that is already absolutely positioned (in IE), upon rotation, the element will be re-positioned to top: 0, left: 0. Is there any solution for this that people know of? Thanks.

rossfishkind avatar Jul 13 '10 18:07 rossfishkind

Wrap the element in another div and position that element. The transform-origin of elements in IE is faked using relative positioning to make it appear the same as it does in other browsers.

<div class="wrapper"><div class="transform">Transform me</div></div>
<style>.wrapper{position: absolute; left: 100px;}</style>
<script>$('.transform').transform({rotate: '45deg'});</script>

heygrady avatar Jul 13 '10 20:07 heygrady

in IE8, the element (img) don't rotates, but moves clipped inside that wrapper, what can i do about?

noxsulivan avatar Nov 26 '10 19:11 noxsulivan