clip:rect(*px,*px,*px,*px)について
お世話になります
clip:rectを試しているのですが疑問があるので教えていただきたいのですが
<style type="text/css"><!--
#clip {
position:absolute;
clip:rect(5px,40px,40px,5px);
background-color:blue;
}
--></style>
<div id="clip">
あいうえお<br>
かきくけこ<br>
さしすせそ<br>
</div>
Firefox、Operaでは表示されているのですがIE6ではclipされずに全表示されています
サイト検索してもIE6は対応しているように書かれているのですが・・・(例文は大抵imgでしたけど)
そしてclipを動的にするとIE6でもちゃんとなるのですが何故でしょう?
<script language="javascript"><!--
function move(ht,wr,hb,wl) {
obj = document.getElementById("game");
ht--; if(ht < 0) ht = 0;
hb++; if(hb > 300) hb = 300;
wr++; if(wr > 500) wr = 500;
wl--; if(wl < 0) wl = 0;
obj.style.clip = "rect("+ht+"px "+wr+"px "+hb+"px "+wl+"px)" ;
if(ht == 0 && wl == 0) return false;
setTimeout("move("+ht+","+wr+","+hb+","+wl+")",10);
}
//--></script>
<style type="text/css"><!--
#game {
width:500px;
height:300px;
background-color:lightcyan;
position:absolute;
}
--></style>
<body onload="move(150,250,150,250)">
<div id="game"> </div>