Css Internet Explorer中的问题，定位？

除了Internet Explorer之外，所有其他浏览器都可以正常工作，令人惊讶！ 使用绝对/相对位置，蓝色三角形应位于方框顶部。正如我所说，它可以工作，但看起来像在Internet explorer中的图片。有人知道这是什么原因吗？？：）

CSS:
.服务{
宽度：100%；
显示器：flex；
弯曲方向：行；
证明内容：周围的空间；
柔性包装：包装；
边缘底部：40px；
}
.盒子{
位置：相对位置；
高度：300px；
宽度：300px；
边框：2件纯色$黑色；
显示器：flex；
证明内容：中心；
弯曲方向：立柱；
}
.box:悬停>.triangle右下角{
左边框：0实心透明；
右：0；
}
.box:悬停>h3{
颜色：$黑色；
}
.咨询img{
宽度：80%；
身高：211px；
}
.右下角三角形{
过渡：所有.3s易于输入输出；
宽度：0；
身高：0；
右：0；
边框底部：300px实心$blue；
左边框：298px实心透明；
z指数：1；
位置：绝对位置；
}

---

IE似乎希望您也为具有绝对定位的元素提供最高值。这将解决您的问题：

.triangle-bottomright {
  transition: all .3s ease-in-out;
  width: 0;
  height: 0;
  right: 0;
  top: 0;
  border-bottom: 300px solid $blue;
  border-left: 298px solid transparent;
  z-index: 1; 
  position:absolute; 
}

---

也许是flex，因为并非所有IE版本都支持它

.triangle-bottomright {
  transition: all .3s ease-in-out;
  width: 0;
  height: 0;
  right: 0;
  top: 0;
  border-bottom: 300px solid $blue;
  border-left: 298px solid transparent;
  z-index: 1; 
  position:absolute; 
}