28172 sujets

CSS et mise en forme, CSS3

[Résolu] Découper une div pour voir le background de la div parent

Bonjour à tous !

Voici mon problème, j'ai donc un background sur le body.
À l'intérieur j'ai une div avec un background, et je souhaiterais découper dans cette div, une forme qui laisserais apparaître le background du body.

Voici un exemple de code:

<body>
    <div class="wrapper">
    </div>
</body>


le css :

body {
    background: url("chemin/vers/mon/image.png");
}

.wrapper {
    position: relative;
    overflow: hidden;
    background: #fff;
}

.wrapper:before {
    position: absolute;
    top: -17.5px;
    left: 50%;
    margin-left: -17.5px;
    width: 35px;
    height: 35px;
    transform: rotate(45deg);
}


Du coup je ne suis même pas sur que cela soit réalisable mais peut-être qu'il y a une solution en jouant avec les z-index ?

Merci d'avance pour vos réponses. Smiley smile
Modifié par Raphi (27 Feb 2014 - 17:28)
Tant que j'y pense, j'ai un problème du même genre (problème que j'ai repoussé grâce à un artifice, mais qui n'est pas très très plaisant au final), du coup je te remercie au passage, gc-nomade Smiley cligne
Salut @gc-nomade !
Merci beaucoup pour les solutions proposées.
Je ne sais pas si je vais réussir à appliquer cette méthode à mon cas, mais c'est une excellente piste. Je vais tester et je reviens te dire ce qu'il en est ! Smiley cligne
Sujet clos
Aller à