KioskeaKioskeaCommentCaMarcheInscrivez-vous, c'est gratuit !
Samedi 17 mai 2008 - 04:57:19

Besoin d'exemple (CSS + textarea + opacity)

Rechercher : dans
Besoin d'exemple (CSS + textarea + opacity)
par Edouard73
 Fil de Discussions
Statut : Résolu
mardi 25 septembre 2007 à 22:30:20
Bonjour à tous :)

Apres quelques heures de recherches infructueuses sur le net et dans un ultime espoire je viens demander de l'aide mais surtout des exemples.

Voila j'utilise un gif animé pour l'arrier plan de mes textarea via CSS. dont voici l'exemple :

p {
}
textarea {
font-family:arial, sans-serif;
font-size:100%;
width:100%;
background-color:transparent;
color:black;
filter: alpha(opacity=50);
-moz-opacity: 0.5;
-khtml-opacity: 0.5;
opacity: 0.5;
background-image:url(../../../IMAGE%20FORUM/LISTEDESMEMBRES/tabbg.gif);
}

Le probleme avec les gif animés et d'apres ce que j'ai pu lire, il n'est pas possible de rendre l'arrier plan opaque. J'ai donc trouvé une solution qui me permet avec CSS de rendre le .gif opaque à 50% (je n'utilise pas mng pour cause de compatibilité firefoxe et... je n'ai pas d'éditeur)

filter: alpha(opacity=50);
-moz-opacity: 0.5;
-khtml-opacity: 0.5;
opacity: 0.5;

Mon soucie est que cette fonction rend aussi le text qui se trouve dans le textarea. C'est donc ici que j'aurai besoin d'exemples pour me permetre de rendre uniquement l'image en background de mes textarea opaque.

Dans l'attente d'une ame bien charitable
Bonne soirée à toutes et à tous
Edouard73
Configuration: Windows XP
Firefox 2.0.0.7
Répondre à Edouard73  Signaler ce message aux modérateurs Aller au dernier message

1


  • Ce message vous semble utile, votez !
  • Signaler ce message aux modérateurs
Par Dalida, le mercredi 26 septembre 2007 à 09:29:56 Fil de Discussions
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.
[ Mathieu ]
"Les jeunes c'est l'insécurité
il faudrait tous les enfermer!" BxN 1985
Répondre à Dalida

2


  • Ce message vous semble utile, votez !
  • Signaler ce message aux modérateurs
Par Edouard73, le mercredi 26 septembre 2007 à 14:39:15 Fil de Discussions
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
Répondre à Edouard73

3


  • Ce message vous semble utile, votez !
  • Signaler ce message aux modérateurs
Par spaima_zmeilor, le mercredi 2 avril 2008 à 09:33:12 Fil de Discussions
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
Répondre à spaima_zmeilor

4


  • Ce message vous semble utile, votez !
  • Signaler ce message aux modérateurs
Par Edouard73, le mercredi 2 avril 2008 à 14:44:58 Fil de Discussions 
coucou

voila le site : http://www.premiumwanadoo.com/...

les codes sont visibles dans source.

sur cette page il y en un peu plus : http://www.premiumwanadoo.com/...

voilou :)
Répondre à Edouard73
Discussions pertinentes trouvées dans le forum
05/12 12h34[CSS] textarea et retour à la ligneWebmastering05/12 13h313
21/11 18h31exemple de css pour tableauxWebmastering21/11 20h373
24/03 15h35page non centrée dans IE (css ?)Webmastering26/03 14h4275
19/03 20h09HTML et CSSWebmastering19/03 21h2217
Plus de discussions sur « Besoin d'exemple (CSS + textarea + opacity) » Discussion en cours Discussion fermée Problème résolu
Répondre
Titre du message :
Votre pseudo:
Votre email :
Message: 
  •  
  •  
Options: Recevoir les réponses par mail.
 

Aide