Как сделать максимальную ширину CSS в IE6 и 7? - PullRequest
Новая
       13

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

4 голосов
/ 25 февраля 2012

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

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

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

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

Ответы [ 2 ]

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

  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 update :

img{
    min-height:800px;height:auto !important;height:800px;
    min-width:600px;width:auto !important;width:600px;
}
1 голос
/ 25 февраля 2012

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

...