Html 为什么'；是否在internet explorer浏览器上加载我的图像？

为什么当我打开html网页时，我名字最左角的导航栏徽标没有显示在浏览器internet explorer上

下面是导航栏的html代码。我用相同的导航条形码运行了完整的网站代码，chrome和Safari两个浏览器都成功地显示了图像。但是，浏览器internet explorer没有，我想知道如何解决这个问题

导航条形码

切换导航
利亚姆·多切蒂的数字投资组合

利亚姆·多切蒂的数字投资组合

完整站点代码

.nav标题{
字号：14pt；
颜色：黑色；
显示：块；
右边距：自动；
边缘顶部：30px；
字体系列：“Roboto”，无衬线；
左边距：10px；
}
.联系方式{
字号：20pt；
颜色：黑色；
显示：块；
右边距：自动；
字体大小：粗体；
边缘顶部：60像素；
字体系列：“Roboto”，无衬线；
左边距：10px；
文本对齐：居中；
}
#链接按钮{
文本对齐：居中；
边界：无；
背景：浅灰色；
颜色：黑色；
光标：指针；
}
.p1{
字号：14pt；
颜色：黑色；
显示：块；
右边距：-25px；
字体系列：“Roboto”，无衬线；
文本对齐：居中；
}
.p2{
字号：14pt；
颜色：黑色；
显示：块；
右边距：自动；
字体系列：“Roboto”，无衬线；
左边距：10px；
文本对齐：居中；
}
.主播{
位置：相对位置；
z指数：99；
显示：块；
宽度：100%；
高度：40px；
顶部：170px；
左：-30px；
浮动：左；
文本对齐：居中；
}
.主播2{
位置：相对位置；
z指数：99；
显示：块；
宽度：100%；
高度：40px；
顶部：500px；
左：-30px；
浮动：左；
文本对齐：居中；
}
.固定位置{
位置：绝对位置；
底部：50px；
}
#联系我{
位置：相对位置；
}
#导航{
宽度：40%；
}
#导航{
宽度：100%；
高度：30px；
边缘顶部：10px；
垂直对齐：中间对齐；
}
@介质（最小宽度：768px）{
.navbar-nav.navbar-center{
位置：绝对位置；
左：50%；
转化：translatex（-50%）；
}
}
.navbar.navbar-default{
背景色：#FFFFFF；
高度：10vh；
z指数：100；
}
.navbar.navbar-default ul{
列表样式类型：无；
文本对齐：右对齐；
}
.navbar.navbar-default ul li{
显示：内联块；
}
.下拉菜单li{
文本对齐：居中；
}
.下拉菜单.下拉菜单{
背景色：#FFFFFF；
}
.下拉菜单.下拉菜单a{
颜色：白色；
}
.navbar.navbar-默认ul li a{
显示：内联块；
填充：3.5vh 8px 4px；
颜色：黑色；
文字装饰：无；
字号：14pt；
}
.navbar.navbar-默认ul li:之后{
内容：''；
位置：绝对位置；
右：50%；
底部：0；
左：50%；
高度：3倍；
背景色：黑色；
边界半径：9px；
过渡：all.2s；
}
.nav.navbar-nav，
.nav.navbar nav>li{
浮动：无；
}
.navbar.navbar-默认ul li:悬停：之后{
右：0；
左：0；
}
.navbar.navbar-default ul.dropdown-menu li，
.navbar.navbar-默认ul.下拉菜单LIA{
位置：相对位置；
显示：块；
}
.科{
最小高度：100vh；
}
.一{
背景色：#FFFFFF；
}
.二{
背景色：#FFFFFF；
}
#章节，章节{
填充顶部：50px；
}
.英雄{
背景：url（“https://static.pexels.com/photos/38892/pexels-photo-38892.jpeg）居中不重复；
背景附件：固定；
背景尺寸：封面；
宽度：100%；
最大宽度：100%；
宽度：100vw；
身高：60%；
}
.形状{
边界半径：25px；
边框：2倍纯白；
背景图片：url(http://i1126.photobucket.com/albums/l611/ldocherty1/IMG_0730_zpsiz4dqc47.jpg);
背景尺寸：包含；
高度：300px；
保证金：自动；
填充：3倍；
宽度：300px；
最高：15%；
左：50%；
位置：绝对位置；
左边距：-150px；
z指数：10；
}
F
#nav_img {
  width: 100%;
  height: 30px;
  margin-top: 10px;
  vertical-align: middle;
  }
  @media (min-width: 768px) {
  .navbar-nav.navbar-center {
  position: absolute;
  left: 50%;
  transform: translatex(-50%);
  }