[ksa]

Как сделать так что б круг игнорировал фон своего непосредственного родителя ?

Указать ему, нужный тебе, цвет...

<style type='text/css'>
.bigBlock{
	width: 100px;
	height: 100px;
	background-color: red;
}
	.square{
	width: 100px;
	height: 100px;
	background-color: black;
} 
.circle{
	width: 100px;
	height: 100px;
	-webkit-border-radius: 50%;
	-moz-border-radius:50% ;
	border-radius: 50%;
	border: 1px solid #fff;
	background-color: red;
}
</style>
<div class="bigBlock">
	<div class="square">
		<div class="circle"></div>
	</div>
</div>