CONNEXION
  • RetourJeux
    • Sorties
    • Hit Parade
    • Les + populaires
    • Les + attendus
    • Soluces
    • Tous les Jeux
    • Gaming
  • RetourActu Gaming
    • News
    • Astuces
    • Tests
    • Previews
    • Toute l'actu gaming
  • RetourBons plans
    • Bons plans
    • Bons plans Smartphone
    • Bons plans Hardware
    • Bons plans Image et Son
    • Bons plans Amazon
    • Bons plans Cdiscount
    • Bons plans Decathlon
    • Bons plans Fnac
    • Tous les Bons plans
  • RetourJVTech
    • Actus High-Tech
    • Intelligence Artificielle
    • Smartphones
    • Mobilité urbaine
    • Hardware
    • Image et son
    • Tutoriels
    • Tests produits High-Tech
    • Guides d'achat High-Tech
    • JVTech
  • RetourCulture
    • Actus Culture
    • Culture
  • RetourVidéos
    • A la une
    • Gaming Live
    • Vidéos Tests
    • Vidéos Previews
    • Gameplay
    • Trailers
    • Chroniques
    • Replay Web TV
    • Toutes les vidéos
  • RetourForums
    • Hardware PC
    • PS5
    • Switch 2
    • Xbox Series
    • Switch
    • Pokemon pocket
    • FC 25 Ultimate Team
    • League of Legends
    • Tous les Forums
  • PC
  • PS5
  • Xbox Series
  • Switch 2
  • PS4
  • One
  • Switch
  • iOS
  • Android
  • MMO
  • RPG
  • FPS
En ce moment Genshin Impact Valhalla Breath of the wild Animal Crossing GTA 5 Red dead 2
Liste des sujets

[css]Corp transparent ?

captainbarbossa
captainbarbossa
Niveau 3
13 juin 2007 à 17:54:10

:salut:

je voudrais savoir comment rendre ma zone corp (et peut etre aussi menu)transparent

enfin assez pour qu´on puisse voir l´arriere plan et qu´on puisse lire les inscriptions dans le corp de mon message

:merci: a tous

axeee
axeee
Niveau 9
13 juin 2007 à 18:01:10

Tiens, lit la source de cette page et tu sauras ^^ :
http://mrpringle38.blog.jeuxvideo.com/

Désolé mais j´ai la fleme de retrouver la fonction css ^^

darth-bane
darth-bane
Niveau 10
13 juin 2007 à 21:56:15

Par défaut, les balises de type "Block" sont transparentes, donc si tu n´a pas définis de couleur ou d´images de background, c´est transparent.

captainbarbossa
captainbarbossa
Niveau 3
13 juin 2007 à 22:37:37

merci pour le lien j´ai trouvé la balise qui transparente :)

la voici

background-color: transparent;

pour ceux qui auraient le meme probleme que moi :ok:

mais maintenant j´aimerai donné un coté opaque tout en restant translucide

je sais pas si je suis tres clair ^^"

en fait je voudrais mettre un fond qui soit un minimum transparent pour appercevoir l´arriere plan mais tout en restant assez opaque pour ne pas etre gener avec la couleur de la police :)

:merci: de votre aide

darth-bane
darth-bane
Niveau 10
13 juin 2007 à 22:47:31

background-color: transparent ne serta à rien, car comme je l´ai dit plus haut, si la couleur (background-color) ou l´image (background-image) en background n´est pas définie, par défaut, c´est transparent.

Pour mettre un fond translucide, tu peux utiliser une image au format PNG 24 bits, mais celà ne fonctionnera qu´avec les navigateurs comme Opera, Firefox.
Celà fonctionnera peut-être avec IE7, mais je n´en suis pas certain (à tester).
Celà ne fonctionnera pas avec les versions inférieures d´IE.

deepblue
deepblue
Niveau 16
13 juin 2007 à 22:56:15

Exemple d´opacité de 50% sur la class "toto" :

.toto {
filter: alpha(opacity=50);
filter: rogid:DXImageTransform.Microsoft.Alpha( opacity=50 );
-moz-opacity: 0.50; opacity:0.5;
}

darth-bane
darth-bane
Niveau 10
13 juin 2007 à 23:04:14

Il me semble que filter n´est supporté que par IE, non :question:

De la même façon -moz-opacity n´est supporté que par les navigateurs utilisant le motteur geckko.

Opera ne gère aucune de ses 2 solutions si je ne me trompe.

deepblue
deepblue
Niveau 16
13 juin 2007 à 23:07:23

http://www.cowblog.fr/

Si les menus déroulants sont transparents avec opera, c´est que ça fonctionne (a toi de teser :p) )

darth-bane
darth-bane
Niveau 10
13 juin 2007 à 23:14:14

Il semble que ça fonctionne avec Opera.
Dans le css j´ai ça :
opacity: 0.90;
filter: alpha(opacity=90);
/*filter:
progid:DXImageTransform.Microsoft.Shadow(color=#99
9999,direction=155,strength=5);*/

D´ailleurs je remarque qu´il manque un ´p´ à progid dans le code que tu as donné. :-d

deepblue
deepblue
Niveau 16
13 juin 2007 à 23:20:55

:lol:

Fallait le voir :p)

darth-bane
darth-bane
Niveau 10
13 juin 2007 à 23:24:24

Lorsque j´ai lu ton code, en bon programmeur, je l´ai analysé pour le comprendre.
rogid ne me disait rien du tout, alors que progid, je l´avais déjà vu :ok:

Mais progid est-il vraiment utile dans ton code ?

deepblue
deepblue
Niveau 16
13 juin 2007 à 23:28:48

Je pense, maintenant, il peut etr interressant de l´enlever pour tester mais j´imagine que DXImage[...] est un parametre specifique a l´objet progid

darth-bane
darth-bane
Niveau 10
13 juin 2007 à 23:44:25

Vu que cowblog ne l´utilise pas et que ça fonctionne ...

:coeur: décidément, que j´aime Opera :coeur:
Son outils de modification du css en temps réel est vraiment génial (une opacité de 70 ou 80 serait bien mieux pour le menu de cowblog). Il me permet de voir qu´elle méthode utilise Opera(les autre, ils ne les affichent même pas, il s´en tape) : opacity

Si j´analyse correctement, le code suivant devrait permettre que chacun des navigateurs reconnaisse sa propre fonction d´opacité :
filter: alpha(opacity=50); /* IE */
-moz-opacity: 0.50; /* mozilla , firefox, ... */
opacity:0.5; /* Opera */

deepblue
deepblue
Niveau 16
13 juin 2007 à 23:52:54

ah :merci:

darth-bane
darth-bane
Niveau 10
13 juin 2007 à 23:56:56

Apparemment, la ligne :
filter:
progid:DXImageTransform.Microsoft.Shadow(color=#99

9999,direction=155,strength=5);
supprime la transparence sous Opera, d´ou sa mise en commentaire par cowblog.

deepblue
deepblue
Niveau 16
13 juin 2007 à 23:59:54

:ok:

captainbarbossa
captainbarbossa
Niveau 3
14 juin 2007 à 00:10:19

excusez moi mais en un mot quel code dois-je mettre en definitif pour rendre une photo "semi-transparente" ? ^^"

et si possible un code qui peut etre supporter par tous les programmes "EI , mzl , opera etc..."

:merci: pour votre aide

darth-bane
darth-bane
Niveau 10
14 juin 2007 à 00:13:48

Je viens de le donner :(

Tu mets les 3 lignes :
filter: alpha(opacity=50); /* méthode IE */
-moz-opacity: 0.50; /* méthode mozilla , firefox, ... */
opacity:0.5; /* méthode Opera */

les navigateurs n´utiliseront que la méthode qui leur convient :ok:

king_first
king_first
Niveau 8
15 août 2007 à 16:21:33

desolé de m´introduire mais moi j´ai mis les trois balises et sous firefox ca marche mais pas sous EI :/

et pourtant j´ai EI 7

il y aurait il une autre balise pour ei ?

voici mon code css :

  1. corps

{
background-color: #fff9eb;

filter: alpha(opacity=50); /* méthode IE */
-moz-opacity: 0.50; /* méthode mozilla , firefox, ... */
opacity:0.5; /* méthode Opera */

margin-left: 140px;
margin-bottom: 20px;
padding: 5px;

color: #341711;

}

king_first
king_first
Niveau 8
15 août 2007 à 18:42:15

ca fait un pti moment que je suis dessus la et j´y arrive toujours pas :(

ca marche tres bien sous firefox mais pas sous IE7 -_-´

voici le lien http://Clan-TLF.neuf.fr/aide

regardez sous firefox , ca marche bien , mais sous internet exploror 7 ca marche pas , pourtant je croyais que microsoft avait mis le format png transparent sous la verison 7

aidez moi s´il vous plait je craque :s

ps : merci microsoft pour cette daube de internet explorer -_-´

Sous forums
  • Aide à l'achat Mac
  • Internet
  • Macintosh
  • Création de sites web
  • Création de Jeux
  • Linux
  • Programmation
  • Steam Deck
  • Hardware
La vidéo du moment