天天看點

關于IE8 IE9 相容性問題

  1. background屬性

    在IE8 IE9中 不支援background的連寫,但是可以寫到 repeat屬性

    background:url(’’) no-repeat

    定位就要分開寫了;

  2. 不支援background-size屬性

    網上主要說是兩種解決方法一種是使用.htc檔案一種是使用濾鏡。

    但是前者我不知道怎麼去使用,一直沒有成功過。第二種成功了。

    .div{
    background:url('位址') no-repeat;
    background-size:cover;
    filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='位址',sizingMethod='scale');
    -ms-filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='位址',sizingMethod='scale');
    }
               
    在IE8打開F12調試會發現 background-size:cover;下有黃色波浪線,但是配合後面的寫法就可使用了
  3. 關于body标簽 height:100%問題

    在IE10 11 中 body{height:100%}這種屬性是沒有啥作用的。但是如果将這個屬性寫在IE8中 那麼就會出現問題。它會使body的高度确定為目前浏覽器視窗高度(會受縮放影響)的大小,進而導緻視窗以下的内容不顯示。**是以無論怎麼寫盡量不要給body設定height100%這樣的屬性

繼續閱讀