Fix Vælg Dropdown Cutoff i IE 7 - CSS-tricks

Anonim

Kør (i det mindste "Brug" -delen nedenfor), når du har indlæst jQuery og enten i slutningen af ​​siden eller i en DOM-klar erklæring. Bemærk, at denne rettelse opretter en klon af markøren, som vil indsende sig selv med formulardataene, men navneværdien er blevet ændret til at omfatte “-klon” i slutningen af ​​den, så vær bare opmærksom på det, især hvis du er seriel indgange.

Tak til Craig Hoover.

// Safely use $ (function($) ( $.fn._ie_select=function() ( return $(this).each(function() ( var a = $(this), p = a.parent(); p.css('position','relative'); var o = a.position(), h = a.outerHeight(), l = o.left, t = o.top; var c = a.clone(true); $.data(c,'element',a); c.css(( zIndex : 100, height : h, top : t, left : l, position : 'absolute', width : 'auto', opacity : 0 )).attr(( id : this.id + '-clone', name : this.name + '-clone' )).change(function() ( $.data(c,'element') .val($(this).val()) .trigger('change') )); a.before(c).click(function() ( c.trigger('click'); )); )); // END RETURN ); // END PLUGIN // Usage if ($.browser.msie) ( $('select')._ie_select(); ) ))(jQuery); // END SAFETY