Besoin d'exemple (CSS + textarea + opacity)
Résolu/Fermé
Edouard73
Messages postés
139
Date d'inscription
mercredi 12 septembre 2007
Statut
Membre
Dernière intervention
2 avril 2013
-
25 sept. 2007 à 22:30
rezman - 13 oct. 2008 à 19:22
rezman - 13 oct. 2008 à 19:22
A voir également:
- Besoin d'exemple (CSS + textarea + opacity)
- Url exemple - Guide
- Tableau word exemple - Guide
- Tableau croisé dynamique excel exemple - Guide
- Sommaire word exemple - Guide
- Exemple de code ascii - Guide
2 réponses
Salut, Est ce que je peux avoir l'adresse de ton site où tu as utilisé la transparence en CSS? Je vodrias faire des pages avec des poemes en francais et roumain sur un fond de livre ouvert et que l'ecriture se pose sur les pages ouverts du livre
Merci d'avance
Merci d'avance
Dalida
Messages postés
6728
Date d'inscription
mardi 14 mai 2002
Statut
Contributeur
Dernière intervention
11 janvier 2016
921
26 sept. 2007 à 09:29
26 sept. 2007 à 09:29
salut,
et si tu mettais ton gif dans une autre balise comme un '<div>' (placée avant mais ne contenant pas le '<textarea>') et que par positionnement tu viennes mettre ton '<textarea>' au dessus.
le '<div>' accueille le gif et il est semi-opaque.
le '<textarea>' a un fond transparent et un texte normal.
il vaut mieux essayer sans qu'il se contiennent, j'ai peur de l'héritage.
et si tu mettais ton gif dans une autre balise comme un '<div>' (placée avant mais ne contenant pas le '<textarea>') et que par positionnement tu viennes mettre ton '<textarea>' au dessus.
le '<div>' accueille le gif et il est semi-opaque.
le '<textarea>' a un fond transparent et un texte normal.
il vaut mieux essayer sans qu'il se contiennent, j'ai peur de l'héritage.
Edouard73
Messages postés
139
Date d'inscription
mercredi 12 septembre 2007
Statut
Membre
Dernière intervention
2 avril 2013
11
26 sept. 2007 à 14:39
26 sept. 2007 à 14:39
Salut Dalida.
finalement apres avoir tester diver truc c'est ce que j'ai fais :
<div id="ANIMATION12" style="position:absolute; left:82px; top:218px; z-index:1; width: 113px; height: 113px;">
<img src="../../../IMAGE%20FORUM/LISTEDESMEMBRES/annim003.gif" width="113" height="113" style="filter:alpha(opacity=25);-moz-opacity:0.25">
</div>
J'ai mis l'animation gif en calque sur le text area avec opacity 25% ça fait exactement ce que je voulais.
hihi
Merci pour la réponse :)
@bientot
finalement apres avoir tester diver truc c'est ce que j'ai fais :
<div id="ANIMATION12" style="position:absolute; left:82px; top:218px; z-index:1; width: 113px; height: 113px;">
<img src="../../../IMAGE%20FORUM/LISTEDESMEMBRES/annim003.gif" width="113" height="113" style="filter:alpha(opacity=25);-moz-opacity:0.25">
</div>
J'ai mis l'animation gif en calque sur le text area avec opacity 25% ça fait exactement ce que je voulais.
hihi
Merci pour la réponse :)
@bientot
2 avril 2008 à 14:44
voila le site : https://actualite-premium.fr/
les codes sont visibles dans source.
sur cette page il y en un peu plus : https://actualite-premium.fr/
voilou :)
13 oct. 2008 à 19:22
tu peux aussi passer par des background-position:
par exemple:
ou fond.png est la meme image que fond.gif mais avec une opacité à 0.6.
et cela marche pour IE et Firefox
++
chris