ein DIV Verwendung eines anderen DIV

Question

Diese Frage zu maskieren wird am besten mit einem Screenshot erklärt: http://i42.tinypic.com/2ccvx91.jpg

Der Wrapper div hat einer Stadt ein Hintergrundbild.

#wrapper { 
    background:url('city.jpg'); 
} 

Innerhalb dieses div ist ein Bündel von anderen divs der Klasse ‚Quadrat‘:

.square { 
    width:40px; 
    height:40px; 
    background-color:#27272f; 
    opacity:.8; 
    margin:2px; 
} 

Sie über die Plätze in der Stadt sehen kann wegen der Undurchsichtigkeit. Aber Sie können auch durch die Zwischenräume zwischen den Quadraten sehen, die ich nicht möchte. Ich möchte nur durch die divs zu dem Element dahinter sehen können, wobei die Zwischenräume schwarz sind. Wie kann ich das machen?

Danke.

Answer 1

beste Wette Spanne entfernen .. und Ihre div Grenze geben von 2 px ..

Answer 2

Wie wäre es mit der Einstellung und einem Wrapper div, um die Ecken zu verbergen. Sie haben eine negative Marge haben für die Überlappung obwohl

Here is the adapted jsfiddle from animuson zu arbeiten:

<div id="wrapper"> 
    <div class="hidingborder"> 
     <div class="square"></div> 
    </div> 
    <div class="hidingborder"> 
     <div class="square"></div> 
    </div> 
    <div class="hidingborder"> 
     <div class="square"></div> 
    </div> 
    <div class="hidingborder"> 
     <div class="square"></div> 
    </div> 
    <div class="hidingborder"> 
     <div class="square"></div> 
    </div> 
</div>​ 

und hier ist die CSS

#wrapper { 
    background:Green; 
    font-size:0; 
} 
.square { 
    width:40px; 
    height:40px; 
    background-color:#27272f; 
    opacity:.8; 
    border:2px solid black; 
    border-radius:5px; 
    display:inline-block; 
    margin:-2px; 
} 
.hidingborder 
{ 
    border:#27272f solid; 
    display:inline-block; 
} 
​