Всем привет.
Имеется такое простенькое модальное окно
#foto {
position: fixed;
top:0;
left:0;
right:0;
bottom:0;
background-color: rgba(0,0,0,0.5);
display:none;
z-index: 99999;
pointer-event:none;
}
#foto:target {display:block; pointer-event:auto;}
#foto div {
width: 320px;
height: 350px;
position:relative;
margin:10% auto;
padding: 10px;
overflow: hidden;
}
#close1 {
line-height:16px;
position:absolute;
right:0;
top:0;
width:36px;
text-decoration:none;
border:#ffffff 1px solid;
background:#ffffff;
}
#modal_player1 {
width: 320px;
height: 360px;
border:none;
}
<a id="video_modal" href="#modal"> <img src="images/player.jpg"> </a>
<div id="foto"> <!--photo modal window -->
<div id="content1">
<a href="#" id = "close1"> Close </a>
<iframe src="images/SpheraCat.jpg" id="modal_player1"> </iframe>
</div><!-- photo modal window -->
</div>
В ie8 оно не работает потому, что браузер не понимает :target. В инете писали мол заменить :target на другой класс, и с помощью js добавить его элементу. Сделал. Но не работает.
.foto {
display:inline-block;
pointer-event:auto;
width: 320px;
height: 350px;
position:relative;
margin:10% auto;
padding: 10px;
overflow: hidden;
}
document.getElementById("foto").className ="foto";
Подскажите, пазязя, как переделать это окошко под ie8?
