изображения не отображаются в IE9

Question

Код изображения ниже отлично работает в Mozilla, Chrome и Safari, но не отображается в IE9.

Сохранено как изображение в фотошопе для сайтов, и я указал высоту и ширину.

Когда я пишу это, как это без косой черты, прежде чем «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

это весь ДИВ и нет 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

нормально, позволяет сделать старый и грязный раствор ... подавайте изображения для не-е (s), то подавайте изображения для т (s) через Conditio комментарии. (Sidenote: есть несколько способов сделать это, как с помощью фонового изображения на элементе обертки вокруг изображения, но так как вы полагаетесь на 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> 

. которые должны работать ... в теории. У вас могут возникнуть проблемы с fouc или позиционированием, хотя я сомневаюсь в fouc ... трудно сказать, не видя его вживую, с остальной частью документа.