2012-02-25 9 views
4

私は私のウェブサイトで、このCSSコードを使用します。IE6と7でCSSの最大幅を作るには?

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

残念ながら、それは私がそれを解決することができますどのようにIE 6と7 では動作しませんか?

ありがとうございます。

答えて

10
  1. 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; 
} 
関連する問題