mam CSS:
Kod: Zaznacz cały
div{
position: absolute;
width: 100px;
height: 100px;
border: 1px solid #000000;
overflow: hidden;
}
div#box1{
top: 10px;
left: 10px;
clip: rect(10px, 10px, 10px, 10px);
}
div#box2{
top: 10px;
left: 150px;
clip: rect(10px, 90px, 90px, 10px);
}
div.cont{
position: absolute;
top: 0px;
left: 0px;
width: 100px;
height: 100px;
background-color: #FF0000;
}
Kod: Zaznacz cały
<div id="box1">
<div class="cont">
</div>
</div>
<div id="box2">
<div class="cont">
</div>
</div>
Wyglada na to ze clip jest interpretowany jako prostokat o rogach (gorny,prawy,dolny,lewy). W specyfikacji CSS2 stoi natomiast ze maja to byc przesuniecia od odpowiednich bokow boxu.
Co wiecej Firefox i Opera robia dokladnie to samo. (MSIE nic nie robi...)
