pozicovani:stromek

Stahněte si elegantní poloprůhledný obrázek stromku
<!DOCTYPE html>
<html lang="cs">
<head>
    <meta charset="utf-8" />
    <title>Titulek</title>
  <style>
#plocha {
background-color: rgb(120, 200, 200);
background-image: url('stromek.png');
background-repeat: no-repeat;
background-position: center;
background-size: contain;
width: 600px;
height: 600px;
position: relative;
border-radius: 50px;
}
 
.ozdoba {
position: absolute;
border-radius: 100%;
}
 
#objekt1 {
background-color: blue;
width: 30px;
height: 30px;
top: 120px;
left: 220px;
}
 
#objekt2 {
background-color: red;
width: 30px;
height: 30px;
top: 240px;
left: 400px;
}
 
</style>
   <link rel="stylesheet" type="text/css" href="styl.css">
 
    <script>
    /* <![CDATA[ */
    /* Sem prijde javascript kod */
 
 
 
    /* ]]> */
    </script>
</head>
 
<body>
<div id="plocha">
	<div id="objekt1" class="ozdoba"></div>
	<div id="objekt2" class="ozdoba"></div>
</div>
 
</body>
</html>