зеркало из https://github.com/mozilla/gecko-dev.git
50 строки
1.0 KiB
HTML
50 строки
1.0 KiB
HTML
<!doctype html>
|
|
<html>
|
|
<head>
|
|
<style type="text/css">
|
|
#one {
|
|
position:absolute;
|
|
left:0px; top:0px;
|
|
z-index:4;
|
|
}
|
|
#two {
|
|
position:absolute;
|
|
top:100px; left:100px;
|
|
background-color:rgb(0,0,0,0);
|
|
z-index:3;
|
|
}
|
|
#three {
|
|
position:absolute;
|
|
left:100px; top:100px;
|
|
width:200px; height:200px;
|
|
background-color: rgb(255,0,0);
|
|
opacity:0.6;
|
|
z-index:2;
|
|
}
|
|
#four {
|
|
position:absolute;
|
|
top:100px; left:100px;
|
|
z-index:1;
|
|
}
|
|
</style>
|
|
<script type="text/javascript">
|
|
function paintCanvas() {
|
|
var canvas = document.getElementById("two");
|
|
var ctx = canvas.getContext("2d");
|
|
ctx.fillStyle = "rgba(255,0,0, 0.6)";
|
|
ctx.fillRect(0,0, 200,200);
|
|
}
|
|
</script>
|
|
</style>
|
|
</head>
|
|
<body onload="paintCanvas();">
|
|
<embed id="four" type="application/x-test" width="200" height="200"
|
|
drawmode="solid" color="FFFF0000"></embed>
|
|
<div id="three"></div>
|
|
<canvas id="two" width="200" height="200"></canvas>
|
|
<embed id="one" type="application/x-test" width="400" height="400"
|
|
drawmode="solid" color="9900FF00"></embed>
|
|
</body>
|
|
</html>
|
|
|