28172 sujets
CSS et mise en forme, CSS3
Qu'elle soit en style ou en "dur" il n'est pas possible de faire ce que tu souhaites.
L'ombrage est forcément mis sur tout le conteneur.
Si jamais tu souhaites revoir les bases :
http://www.alsacreations.com/tuto/lire/910-creer-des-ombrages-ombres-css-box-shadow-text-shadow.html
L'ombrage est forcément mis sur tout le conteneur.
Si jamais tu souhaites revoir les bases :
http://www.alsacreations.com/tuto/lire/910-creer-des-ombrages-ombres-css-box-shadow-text-shadow.html
Hello,
Dans la mesure de possible, tu ne devais pas choisir à placer ton image dans le flux HTML (<img />) ou en décoration CSS (background-image) en fonction de contraintes techniques. Au contraire, c’est le contenu même de l’image qui devrait t’aiguiller.
Tu as raison sur le fond cependant, cela ne fonctionnera pas. Le modèle de boite CSS t’en empêche.
Pour contourner cela, le mieux est sans doute de passer par une superposition d’éléments, que tu peux éventuellement générer avec une pseudo-classe telle quel :before, mais à ma connaissance, cela ne fonctionnera pas sur la balise <img />, il te faudra passer par un conteneur supplémentaire.
Voici ce que j’obtiens rapidement, peut-être est-il possible de réaliser cela plus simplement ou de manière plus efficace ?
Modifié par Vincent Valentin (16 Nov 2011 - 22:51)
Dans la mesure de possible, tu ne devais pas choisir à placer ton image dans le flux HTML (<img />) ou en décoration CSS (background-image) en fonction de contraintes techniques. Au contraire, c’est le contenu même de l’image qui devrait t’aiguiller.
Tu as raison sur le fond cependant, cela ne fonctionnera pas. Le modèle de boite CSS t’en empêche.
Pour contourner cela, le mieux est sans doute de passer par une superposition d’éléments, que tu peux éventuellement générer avec une pseudo-classe telle quel :before, mais à ma connaissance, cela ne fonctionnera pas sur la balise <img />, il te faudra passer par un conteneur supplémentaire.
Voici ce que j’obtiens rapidement, peut-être est-il possible de réaliser cela plus simplement ou de manière plus efficace ?
Modifié par Vincent Valentin (16 Nov 2011 - 22:51)
Ah pardon, j’avais du coup mal compris ta demande on dirait (mais pourquoi parlais-tu de la partie non-transparente d’une image png ?).
Pour réaliser une ombre externe, ça va marche sans souci sur les navigateurs modernes et se dégrader sur les plus anciens. Ce qui en fonction de ton contexte est peut-être très acceptable.
Pour réaliser une ombre externe, ça va marche sans souci sur les navigateurs modernes et se dégrader sur les plus anciens. Ce qui en fonction de ton contexte est peut-être très acceptable.
