Question

我试图在IE8的视图中修复此错误。很抱歉，如果此问题多次被问过，但我仍然无法解决。

这是我的傻瓜： example

当我在IE8中运行此plunker时，默认情况下会隐藏菜单。

enter image description here

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

这是在IE8中运行的真实系统的设计，菜单和内容之间不应有额外的空间。

enter image description here

如你所见：

我有额外的空间，不应该在那里
B我的加载项只能在firefox中正确对齐
C我能够使用kkurni发布的kkurni.blogspot.com.au指令来修复选择

要修复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>

℃。我的选择显示数据，但这看起来太小了。（固定）

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

Answer 1

您使用的是normalize.css吗？如果没有，请在

中添加以下CSS

http://necolas.github.io/normalize.css/

IE8中侧栏菜单的CSS渲染不正确

1 个答案: