Utiliser un élément comme fond

Bonjour,

J'ai fait une classe triangle.

Code:

---

1 2 3 4 5 6 7

.triangle{ width:1px; height:1px; border:1px solid #e7e7e7; border-color:#e7e7e7 transparent transparent transparent; border-width:20px; }

---

Puis j'ai un input dont j'aimerais mettre comme image de fond, mon triangle.

Mais, est-ce possible ? Existe-il un langage permettant de crée des images très légère ? (comme le css en gros)

Merci de votre aide :D

Cordialement,

Bonvin Maxime.

Bonjour,

Voici ma proposition : dans le container de l’élément input il faut utiliser un tag div de classe .triangle avec une position absolue.
Ex. .triangle se positionne au commencement de l’imput.

Code:

---

1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17

.container { width: 200px; height: 40px; } .container input { width: 200px; height: 40px; } .triangle { position: absolute; margin: 10px; width:1px; height:1px; border:1px solid #e7e7e7; border-color:#e7e7e7 transparent transparent transparent; border-width:20px; }

---

Code:

---

1 2 3 4

<div id="container"> <div class="triangle"></div> <input type="text" id="address"> </div>

---

oui cela marche, mais ce n'est pas pratique (responsive, ect.).

Donc apparemment cela n'est pas possible. Cependant il reste ma seconde question; Existe-il un moyen de faire une image, non par la technique "photoshop" mais avec une technique plutôt orienté code (ex: css, mais le css ne sors pas par un format d'image).

Merci de votre aide :D

Non, il n'est pas possible de définir un élément comme image de fond. En revanche, tu peux très bien utiliser une image SVG pour cela.