Я создал стек тегов div и использовал z-индексы, чтобы они отображались друг за другом.
Они перекрывают друг друга достаточно, чтобы все они были видимы и работоспособны при использовании мыши. Затем я назначил: hover, чтобы изменить z-индекс и сделать так, чтобы тег div, находящийся над ним, находился в верхней части стопки.
Примером того, что у меня было бы ...
CSS
#red-box {
position:fixed;
width:170px;
height:210px;
margin-left:70px;
top:40px;
background-color:red;
z-index:3;
}
#red-box:hover {
z-index:5;
}
#blue-box{
position:fixed;
width:170px;
height:210px;
margin-left:150px;
top:70px;
background-color:blue;
z-index:2;
}
#blue-box:hover{
z-index:5;
}
HTML
<a id="red-box"></a>
<a id="blue-box"></a>
Я также создал jsFiddle , чтобы помочь осветить происходящее.
Это прекрасно работает в последних версиях всех браузеров, но z-индексы тегов div не меняются в IE8.
Может ли кто-нибудь помочь мне это исправить?