Hated by IE or jQuery. (PngFix + ui.slider) + IE
I had one such problem.
1. There is a form
2. The shape of the background image
3. Picture - translucent png'shka
4. The form (along with the picture) moves - leans and sticks.
Remove at least one of the conditions - and no problems. But when all of them vkuche ...
For the normal display of png-shki in IE (below the 7th) I use jquery.pngFix. For form movement, jquery.ui.slider.
Everything is great, but here is IE !!! ... in such a situation makes all form fields, except select, inactive. In general - FIG write something in the mold. I steamed soared with this whole thing, and yesterday I sat down for the whole evening. In nete solutions (even such problems) are not found. As a result, the village itself to understand.
')
Already in jquery's librarians I rummaged through - it became interesting that there might be netak.
Then I looked through different options - and the picture on the background of the parent block form (ideal and basic version), and in a separate block I insert the picture, and just insert the picture ... in general, I spent the whole evening building hypotheses and trying options. In general, the picture on the background is not displayed, the form is inactive, then the transparency disappears.
I did not even expect that the next version will work!
So what a solution to the problem turned out to be:
[div id = "form_wrapper"]
[div id = "form_image"] [/ div]
[form] [/ form]
[/ div]
The essence of what:
- from_wrapper creates one whole block (you can set a location for it and it will be used when moving the picture).
- form_image - in fact, the background for the form (translucent). PngFix () is used for it. The picture is placed on the background diva.
- well, the form itself.
form_image and the form itself are positioned absolutely for me - to whom it is necessary (the picture in the top itself - so that the whole block is there, the form - where it should be shifted).
ZY: maybe there is already somewhere a solution to such a problem, then poke my nose ... And yet - this is my first topic here. I thought simply that maybe someone would be interesting and useful. But there is no experience in writing articles ...
Try on
Above - idle option, below - working.
1. There is a form
2. The shape of the background image
3. Picture - translucent png'shka
4. The form (along with the picture) moves - leans and sticks.
Remove at least one of the conditions - and no problems. But when all of them vkuche ...
For the normal display of png-shki in IE (below the 7th) I use jquery.pngFix. For form movement, jquery.ui.slider.
Everything is great, but here is IE !!! ... in such a situation makes all form fields, except select, inactive. In general - FIG write something in the mold. I steamed soared with this whole thing, and yesterday I sat down for the whole evening. In nete solutions (even such problems) are not found. As a result, the village itself to understand.
')
Already in jquery's librarians I rummaged through - it became interesting that there might be netak.
Then I looked through different options - and the picture on the background of the parent block form (ideal and basic version), and in a separate block I insert the picture, and just insert the picture ... in general, I spent the whole evening building hypotheses and trying options. In general, the picture on the background is not displayed, the form is inactive, then the transparency disappears.
I did not even expect that the next version will work!
So what a solution to the problem turned out to be:
[div id = "form_wrapper"]
[div id = "form_image"] [/ div]
[form] [/ form]
[/ div]
The essence of what:
- from_wrapper creates one whole block (you can set a location for it and it will be used when moving the picture).
- form_image - in fact, the background for the form (translucent). PngFix () is used for it. The picture is placed on the background diva.
- well, the form itself.
form_image and the form itself are positioned absolutely for me - to whom it is necessary (the picture in the top itself - so that the whole block is there, the form - where it should be shifted).
ZY: maybe there is already somewhere a solution to such a problem, then poke my nose ... And yet - this is my first topic here. I thought simply that maybe someone would be interesting and useful. But there is no experience in writing articles ...
Try on
Above - idle option, below - working.
Source: https://habr.com/ru/post/49316/
All Articles