Чем заменить :target для ie8?

Question

[izu4ator555]

Всем привет.
Имеется такое простенькое модальное окно

#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?

Answer 1

[Александр Таратин]

Просто используйте этот плагин arcticlab.ru/arcticmodal

Comments

[izu4ator555]

Спасибо за совет, но мне нужно сделать именно этот piece of ... modal okno...

[Александр Таратин]

izu4ator555: Ок, продолжайте грызть кактус.