Discussion :

[Daïmanu]

Bonjour.

J'aimerais savoir si il est possible qu'un border-image soit placé au dessus de son élément.
Voici ce que je fais :

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
8
#test1 {
	border: 40px solid transparent;
	border-image: url("border.svg") 60 round;
	display: inline-block;
}
#test1 img {
	margin: -30px;
}

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
 
<div id="test1"><img src="back.png" /></div>

back.png est l'image verte, border.svg est le cadre marron :

Je souhaiterai que la partie verte soit sous le cadre, pour simuler un album photo
J'ai choisi d'utiliser un border-image car la taille de la photo pourra varier, mais le cadre s'adaptera automatiquement.

Est-ce que c'est possible ?

Cordialement.