1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 | //анонимная функция для проверки всех элементов с классом .fixMinMaxwidth var fixMinMaxwidth=function(){ //только для браузеров без поддержки этого свойства if (typeof document.body.style.maxHeight !== "undefined" && typeof document.body.style.minHeight !== "undefined") return false; //обходим в цикле все элементы $('.fixMinMaxwidth').each(function(){ //получаем значение максимальной и минимальной ширины var maxWidth = parseInt($(this).css("max-width")); var minWidth = parseInt($(this).css("min-width")); //Выполняем,если min-/maxwidth установлены if (maxWidth>0 && $(this).width()>maxWidth) { $(this).width(maxWidth); } else if (minWidth>0 && $(this).width()<minWidth) { $(this).width(minWidth); } }); } //инициация $(document).ready(function(){ fixMinMaxwidth(); }); //запускаем проверку после изменения размера окна $(window).bind("resize", function(){ fixMinMaxwidth(); }); |
Этот скрипт проверяет все элементы с классом .FixMinMaxwidth. Скрипт будет выполнен только в браузерах без встроенной поддержки min-/maxwidth, таких как IE6 и ниже.
источник:
Оставьте свой комментарий