I've been working on a complex web-application and have tested it with 'normal Browsers' and ie >= 8. Now I need to get it to work in IE7 wich, of course, is a mess. I'm getting lots of troubles that when you play with an elements style, especially with positioning, IE7 has a lot of rendering bugs.
To be specific, I'm using Script.aculo.us' "BlindDown"-effect, which updates top- and left-values of an element in a nice animation. After the animations done the element suddenly disappears and I found out it's set to left: 1649px even though its left-value is set to something 'normal'.
This is a bug in IE7. I found out if you set zoom:1 on that element its layout gets updated and the element will be rendered pr开发者_如何学Coperly again, at its proper position. But what you have to do if zoom is already set to 1 is to set it to zoom:2 and zoom:1 again so the element will actually get updated.
This is madness. However you can't do much about this. But I'm getting tired of the rather hacky zoom:2->zoom:1 thing so I'm asking if there is a way to update an element's layout without something stupid like that zoom:2/1-thing. Maybe there's a function or a more clever way to do this. If you have an idea, anything's appreciated.
精彩评论