Rechercher : dans
Par :

CSS fond transparent !

Dernière réponse le 23 nov 2009 à 07:26:26 gaerebut, le 16 sep 2008 à 09:52:48 
 Signaler ce message aux modérateurs

Bonjour,

je voulais savoir si c'était possible de rendre le fond (qui a une couleur autre que blanc et noir) transparent MAIS uniquement le fond !

Par exemple j'ai un div avec une bordure et un fond rouge ! Comment rendre ce fond un peu transparent mais uniquement ce fond !

J'ai essayé avec opacity:X pour X allant de 0 (non visible) a 1 (visible) mais il agit sur tout le conteneur ! :(

Si quelqu'un serait ... ça m'aiderai bien c'est un peu urgent ! Mais je pense que c'est impossible !

A+

Gaerebut Il y a 2 règles d'or pour réussir dans la vie :
-Règle 1:  ne jamais dire tout ce que l'on sait...
-Règle 2: ...

1

foobar47, le 16 sep 2008 à 09:54:49

Hello,

Jette un oeil là dessus :

filter:alpha(opacity=85);
-moz-opacity:0.85;
opacity: 0.85;

A+

la modestie cesse quand on commence à en parler 

Répondre à foobar47

2

gaerebut, le 16 sep 2008 à 10:32:44

Merci à toi foobar47 mais ce que tu me donnes ne reste que le même principe ! sauf que ici c'est compatible sur quasiment tout les navigateur (Ie) !

a moins que je me trompe .... lol

Qu'est-ce qu'il faut modifier pour modifier juste l'opacitée du fond ???

encore merci à toi ;)

A+

Gaerebut Il y a 2 règles d'or pour réussir dans la vie :
-Règle 1:  ne jamais dire tout ce que l'on sait...
-Règle 2: ...

Répondre à gaerebut

3

beate, le 16 sep 2008 à 11:02:13

Ou bien peut-être

background:transparent
pour ce div?

Répondre à beate

4

txiki, le 16 sep 2008 à 11:09:34

Salut à tous !

T'es sur que ton truc fonctionne avec tous les navigateurs ?

Foobar47: Ton truc à toi ne fonctionne pas avec Firefox. J'ai la même chose dans 1 de mes CSS et drem me signale une incompatibilité.

Dans le site ci-dessous, ils n'en parlent pas.

http://fr.selfhtml.org/navigation/css.htm#ecriture

En tous cas, si tu trouve, gaerebut, ça m'interresse au plus haut point.
Merci !

Le bonheur est la seule chose que l'on peut donner sans l'av­oir.

Répondre à txiki

6

foobar47, le 19 sep 2008 à 16:15:49

Si si, ça fonctionne aussi bien avec FF qu'avec IE6...

la modestie cesse quand on commence à en parler 

Répondre à foobar47

7

beate, le 19 sep 2008 à 16:18:18

Oui, ça fonctionne, comme le confirme foobar47. Bien que non indiqué dans le site de self.
Bonne chance

Répondre à beate

5

gaerebut, le 16 sep 2008 à 11:34:12

OK je te le dirai txiki !

mais bon j'ai fini de recherché et je vais faire comme d'habitude .... mettre un flou très légé pour ne pas que sa dérange et qu'on ne s'aperçoit pas que le texte est transparent !

après ... ça reste juste du niveau visuel, esthétique et confort MAIS très important ^^

Je te tiens au courant au cas ou ;)

Idem pour moi si tu trouve !lol

A+

Gaerebut Il y a 2 règles d'or pour réussir dans la vie :
-Règle 1:  ne jamais dire tout ce que l'on sait...
-Règle 2: ...

Répondre à gaerebut

8

 pascal, le 23 nov 2009 à 07:26:26
  • +1

Pour obtenir cet effet, la simple utilisation de css est utilisé.
Voir le site http://www.oziks.fr/...
Très bien expliqué..

Cordialement

Répondre à pascal