2014-09-23 24 views
3

我試圖解決這個錯誤在我看來IE8的視圖。 很抱歉,如果這個問題以前被問過很多次,但我仍然無法解決。IE8側欄菜單錯誤的CSS渲染

這是我plunker: example

當我在IE8中運行這個plunker菜單默認爲隱藏。

enter image description here

如果你想在IE中看到 Plunk full view

這是在IE8上運行的實際系統的設計,還有多餘的空間,不應該在菜單和內容之間是有。

enter image description here

正如你所看到的畫面:

  • AI有多餘的空間,不應該存在
  • 乙我的附加組件看起來正確只在Firefox
  • CI對齊能夠使用這裏找到的指令修復選擇kkurni.blogspot.com.au發佈者kkurni

要解決Angular.js問題我試過這段代碼:

<!DOCTYPE html> 
<html xmlns:ng="http://angularjs.org" id="ng-app" ng-app="yeomanTutAngApp"> 
<head> 
    <!--[if lte IE 8]> 
    <script> 
     document.createElement('ng-view'); 
    </script> 
    <meta charset="utf-8"> 
    <meta http-equiv="X-UA-Compatible" content="IE=edge"> 
    <meta name="viewport" content="width=device-width, initial-scale=1"> 
    <meta name="description" content=""> 
    <meta name="author" content=""> 
</head> 
</html> 

<!--[if lt IE 9]> 
    <script src="bower_components/es5-shim/es5-shim.js"></script> 
    <script src="bower_components/json3/lib/json3.min.js"></script> 
    <![endif]--> 

<div class="row"> 
<div class="col-xs-4"> 
    <div class="input-group"> 
    <input class="form-control input-sm" type="text" ng-model="selected" id= "mySearch" 
    typeahead="word for word in getAutocomplete($viewValue)" 
    typeahead- `loading`="loadingClientsPreview"> 
    <i ng-show="loadingClientsPreview" class="glyphicon glyphicon-refresh"></i> 
    <span class="glyphicon glyphicon-remove input-group-addon" ng-click="selected = ''"></span></div> 
    </div> 
</div> 

C.我的選擇顯示的數據,但是這看起來太小了。 (固定)

<div class="form-group"> 
    <p class="col-xs-3 ">{{'Language'|translate}}</p> 
    <select ng-model="people.language" 
      ng-options="value.code as value.name | translate for value in languages"> 
    </select> 
    </div> 

回答