Mit einem div als Schnittmaske in css

Ich habe ein hintergrund Bild mit background-size:cover; auf ihn angewendet, und dann eine Reihe von divs überlagert, die ich möchte zu einzelnen clipping-Masken.

Habe ich mir angeschaut das feature clip: rect(20px, 20px, 20px, 20px,); wie die divs in gebracht durch ein CMS-system, wird es unpassend sein, zu definieren, set-Größen.

Gibt es eine Möglichkeit der Einstellung des div mit einer clipping mask-Eigenschaft so, dass es die clips, die das Bild überall das div-Element auf der Seite platziert?

Ich nicht besonders wollen, verwenden Sie ein Bild-overlay entweder als diese Website wird responsive.

Update: Ok, also ich habe festgestellt, das element background-clip: content-box; das in einer Weise tut, was ich brauche für die divs werden eine clipping-Maske, aber das funktioniert nur, wenn das Bild im hintergrund ist ein Teil der div. Kann diese verlängert werden, so wird der hintergrund-clip angewendet wird, um die parent-div?

InformationsquelleAutor Paul Mckay | 2013-08-14

  1. 0

    Den clip-path CSS-Eigenschaft kann auf alle HTML-Elemente, SVG-Grafik-Elemente und SVG-container-Elementen:

    http://www.html5rocks.com/en/tutorials/masking/adobe/

    InformationsquelleAutor Loren

Schreibe einen Kommentar