transformando um div em transparente para ver através de dois recipientes

Question

Jun 07, 2013, 05:01 PM

transformando um div em transparente para ver através de dois recipientes

Tenho seguinte marcação

<body>
   <div class="holder">
      <div class="circle"></div>
   </div>
</body>

e apliquei um plano de fundo fixo ao elemento do corpo e fundo branco aplicado ao titular da turma

body {
    background: url(image.png);
    background-attachment: fixed;
}

.holder {
    width: 500px;
    height: 500px;
    background: #fff;
}
.circle {
    width: 100px;
    height: 100px;
    border-radius: 50%;
    background: rgba(0, 0, 0, 0);
}

O que eu tentei fazer é tornar o círculo transparente para ver o fundo do corpo. Simplesmente, o que estou tentando fazer é tornar o círculo transparente para ver a imagem de fundo do corpo enquanto o fundo branco ao redor do círculo ainda existe. por favor, desculpe meu inglês. Gente por favor me ajude.