Как сделать максимальную ширину css в IE6 и 7?

Question

Я использую этот CSS код на моем сайте:

img { 
    max-height: 800px; 
    max-width: 600px; 
} 

К сожалению, он не работает с IE 6 и 7. Как я могу решить эту проблему?

Заранее спасибо.

Answer 1

1. Свойство макс высота поддерживается в IE7: http://www.w3schools.com/cssref/pr_dim_max-height.asp, и вы можете использовать IE7 проверить его this link.

2. IE6 и более ранние версии не поддерживают свойство max-height. Но вы можете использовать CSS, чтобы взломать его:

   img { 
       max-height: 800px; 
       _height:expression(this.scrollHeight > 800 ? "800px" : "auto"); /* sets max-height for IE6 */ 
       max-width: 600px; 
       _width:expression(this.scrollWidth > 600 ? "600px" : "auto"); /* sets max-width for IE6 */ 
   } 
   

2,1 Решить его JQuery:

if($.browser.msie&&($.browser.version == "6.0")&&!$.support.style){ 
    $("img").each(function(){ 
     if($(this)[0].scrollHeight>800) 
     $(this).css({"height":"800px","overflow":"hidden"}); 
    }); 
} 

2012.11.27 обновление:

img{ 
    min-height:800px;height:auto !important;height:800px; 
    min-width:600px;width:auto !important;width:600px; 
} 

Answer 2

Вы можете получить получить мин и максимальную ширину/высоту, чтобы работать в старых IE: http://javascript.about.com/library/blwidth.htm