Artykuł pokazuje jak usunąć znikanie elementów HTML w Interne Explorer 6 na pozycji relatywnej.
Gdy nadamy position:relative na obiekt, który zawiera elementy oraz obrazy w nim, wtedy IE6, podczas zmiany rozmiaru okna schowa nam ten element. (również losowo podczas odświerzeń strony to zjawisko występuje)
Aby naprawić ten problem należy skopiować poniższy kod do sekcji head lub body. (przykład bazuje na JavaScript).
Aby dostosować skrypt należy nadać id na element, który znika o nazwie "ie6Fix". (uwaga przykład działa na każdych elementach, które mają display:block, np DIV, TABLE itp).
UWAGA przykład wykorzystuje silnik JQuery, którą musimy mieć zaciągniętą na stronie.
Listing
<script type="text/javascript">
flag=true;
$(window).resize(function() {
if(flag){
$('#ie6Fix').css('display', 'block');
flag=false;
}else{
$('#ie6Fix').css('display', 'list-item');
flag=true;
}
});
</script>
<![endif]-->
Ranga: Administrator serwisu Punktów: 0