Позиция абсолютного и z-индекса в IE10

Question

Немного странного, я пытаюсь наложить пару ссылок на изображение, и только в IE (все версии) отображает их за изображением. Работает в Chrome, Firefox и др.

Я попытался предоставить каждому элементу соответствующий z-индекс, но на самом деле это не имеет никакого значения.

Клянусь, я сделал это миллион раз, прежде чем проблемы.

Вот JSFiddle для него: http://jsfiddle.net/SY8xp/

<a href="#" class="logo-link-a"><span>Link 1</span></a> 
<a href="#" class="logo-link-b"><span>Link 2</span></a> 
<img src="http://lorempixel.com/212/43" width="212" height="43" alt="" id="logo" /> 

.logo-link-a span, .logo-link-b span { 
    display: none; 
} 

.logo-link-a { 
    display: block; 
    position: absolute; 
    width: 50px; 
    height: 50px; 
    margin: 25px 0px 0px 0px; 
} 

.logo-link-b { 
    display: block; 
    position: absolute; 
    width: 165px; 
    height: 50px; 
    margin: 25px 0px 0px 50px; 
} 

#logo { 
    margin-top: 30px; 
} 

Answer 1

чем причина, чтобы скрыть ссылки на изображение? вы можете обернуть изображение с <a> тегом и создать ссылку без особых разметок, вы можете также использовать замены изображения, которое приносит хорошие результаты для SEO страницы также

здесь некоторые приемы для замены изображения: http://css-tricks.com/css-image-replacement/

здесь в скрипку: http://jsfiddle.net/9V5g8/1/

HTML:

<!-- option 1 --> 
<a href="http://www.starbucks.com/"><img src="http://www.starbucks.com/static/images/global/logo.png" alt=""></a> 

    <!-- option 2 --> 
<div class="logo"> 
    <a href="http://www.starbucks.com/"> 
    <h1 class="img-replace"> 
     My Logo 
    </h1> 
    </a> 
</div> 

CSS:

h1.img-replace { 
    width: 85px; 
    height: 84px; 
    background: url("http://www.starbucks.com/static/images/global/logo.png") no-repeat 0% 50%; 
    text-indent: -9999px; 
} 

Answer 2

Хакерское решение состоит в том, чтобы добавить фоновый цвет к элементам <a />. Добавление этого в CSS вашего jsfiddle работали:

.logo-link-a, logo-link-b { 
    background-color: rgba(255,255,255,0); 
}