html - ie9滚动条和蚀刻边框总是显示在对象上

Question

我有一些简单的 html 和 css（见下文），它们在 Div 标记中显示了一个 flex 应用程序。在大多数浏览器（ie8、chrome、FF）中，对象没有边框或垂直滚动​​条。在 ie9 中，同时显示了滚动条和 3D 蚀刻边框。我想删除那些，我尝试了各种边框样式，但似乎没有任何帮助。有人对此有解决方案吗？这是仅 ie9 的已知问题吗？

我对 Html、CSS、javascript 等有点陌生，我不得不说，IE 浏览器很痛苦！

  #mapLocation
  {
    position: absolute;
    top: 131px;
    left:0;
    z-index: 0;
    bottom: 120px;
    width: 100%;
    z-index: 2;
    border-style: none;
  }

  #mapObject{
    position:relative;
    width: 100%;
    height: 100%;
    z-index: 2;
    border-style: none; 
  }
</style>


<div id="mapLocation" >
    <object id="mapObject" type="text/html" data="otherFile.html"></object>
</div>

谢谢你的帮助，

吉尔曼

Answer 1

我只是有同样的问题。它可能是在您的 IE9 浏览器中打开的兼容模式。尝试取消选中它。