Question

下面的图片代码在Mozilla，Chrome和Safari中运行良好，但在IE9中不显示。

它在网站的photoshop中保存为图像，我指定了高度和宽度。

当我在“D：”

之前没有斜线的情况下这样写

<img src="D:/obrazki/game.jpg" alt="game" width="1100" height="619" />

它可以在IE中运行但是它不会在Mozilla中显示。

<img src="/D:/obrazki/game.jpg" alt="game" width="1100" height="619" />

此代码在除IE之外的所有浏览器中都能正常工作

<img src="D:/obrazki/game.jpg" alt="game" width="1100" height="619" />

除了Mozilla之外，这个版本都可以正常使用

这是整个div而且还没有css风格。

<section class="container">

     <div class="image_carousel">
     <div id="foo2">
    <img src="/D:/obrazki/game.jpg" alt="game" width="1100" height="619" />

     </div>
     </article>

</section>

你认为这是扩展问题，我应该将图像保存为GIF而不是jpg。？

如果我想为IE创建单独的代码，如果我在我的html文件中做出如下所示的评论，它会起作用吗？并将图像代码放在IE9的那些评论中？

             <!--[if IE]>

            <![endif]-->

Answer 1

图像调用不应该是：

<img src="/obrazki/game.jpg" alt="game" width="1100" height="619" />

或者更好：

<img src="/obrazki/images/game.jpg" alt="game" width="1100" height="619" />

在哪里/ obrazki，您可以使用页面/脚本来“调用”您的图像..

Answer 2

如何在相对路径上链接到图片：

<img src="./link/to/image.jpg"/>

Answer 3

好吧，让我们做一个古老而肮脏的解决方案......为非ie（s）提供图像，然后通过条件评论为ie（s）提供图像。（旁注：有几种方法可以做到这一点，比如在图像周围的包装元素上使用背景图像，但由于你依赖于img元素，我会坚持使用那种方法。所以

  
<section class="container">  
  <article>  
    <div class="image_carousel">  
      <div id="foo2">  
        <img src="/D:/obrazki/game.jpg" alt="game" width="1100" height="619" />  
        <!--[if lte IE 9]><img src="D:/obrazki/game.jpg" alt="game" width="1100" height="619" /><![endif]-->  
      </div>  
    </div>  
  </article>  
</section>

理论上应该有效......你可能有犯规或定位问题，虽然我怀疑这个问题......如果没有看到它就很难分辨出来，还有文件的其余部分。

图像不会显示在IE9中

3 个答案: