2014-09-23 27 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> 

回答