Background transparent ? [Résolu]

Zorro Gk 16Messages postés 19 juin 2007Date d'inscription - Dernière réponse le 23 mai 2012 à 16:07

Salut à tous.
Je suis actuellement entrain de créer un widget pour Windows Vista. Mais pourquoi poster ça dans «webmastering » tout simplement par ce que pour ce faire j’utilise du HTML, CSS, XML et JAVASCRIPT.
Bref voilà mon problème, j’ai fini le widget en question, mais le background est de couleur blanc et ne rend vraiment pas bien sur la SideBar. Alors je souhaiterais savoir s’il ya avait un moyen de rendre ce dernier transparent à l’aide de balise ou autre.
Voilà merci ! 

Background transparent »

Suggestions

Background transparent ?
Créer une DIV avec transparence » Fiches pratiques
[html] fond: peut-on varier l'opacité ? (Résolu) » Forum
IFrame Transparente sous IE (Résolu) » Forum
CSS background / transparence (Résolu) » Forum
Problème fond transparent sous photoshop » Forum

Plus

Réponse

+30

Dalida 6694Messages postés 3 mars 2007Date d'inscription 16 janvier 2011Dernière intervention 8 août 2007 à 10:35

salut,

avec css :

balise{background-color: transparent;}

tu peux aussi essayer:

balise{background: none;}

Ajouter un commentaire - Site web

pip99 - 1 avril 2012 à 18:18

Je confirme ce qu'a dit Dalida qui est conforme W3C par contre ne pas mettre "none" qui est une valeur qui n'existe tout simplement pas pour cette propriété et donc non-valide... Après certains navigateur la comprendront peut-être à tord (Internet Explorer par exemple qui se fiche totalement des standards...) mais ça sera pas compatible partout en tous cas.

Source : http://www.w3schools.com/cssref/pr_background-color.asp

Réponse

+10

ted470 30Messages postés 25 juillet 2007Date d'inscription 8 août 2007 à 06:33

c'est plus explicite à ce niveau :

http://zonecss.free.fr/style_css/feuille_css_opacity.html

Ajouter un commentaire - Site web

Réponse

lp177 23 mai 2009 à 01:25

la balise background: transparent marche nikel thx =)

Ajouter un commentaire

Réponse

meme-moi 16 oct. 2009 à 13:57

Franchement virginie, arrête les forum ...

Ajouter un commentaire

mikelangelo- 5 janv. 2012 à 15:15

eu ta fumer ? y a pas eu de virginie en commentaire au dessus de toi :p (a moins que c'est toi "virginie" :p )

Réponse

theHelperAkephalos 12 avril 2011 à 23:25

utilisez directement ceci:

...{
background-color: rgba(#,#,#,X);
}

ou X est l'indice (donc entre 0 et 1) de transparence (1 c'est opaque).

ps:aucune garantie avec une image en background...

Ajouter un commentaire

Afficher les 4 commentaires

Nicoco - 29 juin 2011 à 23:59

C'est ça la bonne solution !

Le problème avec opacity:0.5, c'est que ça rend tout transparent (le texte, les images..), alors que là c'est uniquement la couleur de fond.

Et effectivement, l'image passe par dessus la couleur, donc pas de transparence pour l'image.

Bon courage à tous !

Nicolas60210 - 29 janv. 2012 à 15:48

Bonjour. Je remercie the HelperAkephalos car je cherchais justement ce script pour permettre de voir l'image de fond de mon site tout en laissant lisible le texte (goo.gl/cdgul - page principale). Je pense que je vais mettre ce script dans toutes mes pages au tableau principal. merci encore.

mthbuz- 22 avril 2012 à 17:12

Salut à tous !

Chez moi ça ne marche pas, j'ai beau remplacer le X par une valeur entre 1 et 0, nada.....

;(

#arrachageDeCheveux

Alexrox - 23 mai 2012 à 16:07

merci

Réponse

gryzzly 4885Messages postés 7 novembre 2005Date d'inscription 11 mai 2012Dernière intervention 8 août 2007 à 01:33

background: transparent ?
opacity: 50% ?

... à voir, sans garantie...

Ajouter un commentaire

Afficher les 5 commentaires

Zorro Gk- 8 août 2007 à 01:41

Nop, ça marche pas.

gryzzly- 6 oct. 2007 à 22:31

Qu'est ce que tu parles toi ? t'as des solutions à proposer au lieu de critiquer ?

tboss - 27 juin 2010 à 09:16

C'est background: none ou background-color:transparent.
J'ai une préférence pour le premier.

theHelperAkephalos - 12 avril 2011 à 23:32

c'est excellent au contraire :
opacity: #;
mais où # est un indice (entre 0 et 1) non un pourcentage.
Ceci marche même pour les images en background !
ps:ça brasse quand même pas mal de conneries ici ;)

Réponse

Gihef 5246Messages postés 20 juillet 2005Date d'inscription 6 oct. 2007 à 22:32

Bonjour,

La sidebar, c'est comme une barre de menus avec des icônes ?
http://img.clubic.com/photo/00449797.jpg

Si c'est ça, il me semble qu'il pourrait donc s'agir d'y afficher une icône.
Et une icône peut certainement avoir un fond transparent.
Mais pas à l'aide d'un code HTML ou autre. Plutôt dans ses “ressources”, dans le fichier .ico.
On peut faire ça avec un masque. Sur l'image de l'icône.

Enfin, je suppose que Windows fonctionne aussi comme ça.

--

Ajouter un commentaire

Réponse

balou45 21 mai 2010 à 08:51

Je confirme que qu'en css une couleur de fond transparente fonctionne nickel
Merci Dalida

Ajouter un commentaire

Réponse

wmoder 8 nov. 2010 à 10:55

Salut , je suis sur windows 7 , j'ai beau essayé les deux codes :
{background : none ;}
{background-color : transparent ;}

il n''y a rien a y faire mon bg reste blanc, que ce soit avec une feuille de style ou non.

Je me demande comment vous avez réussis avec votre widget;

pour moi c'est une horloge flash as3.

si quelqu'un a une solution...merci d'avance

Ajouter un commentaire

Réponse

mikelangelo 67Messages postés 8 février 2008Date d'inscription 16 mai 2012Dernière intervention 5 janv. 2012 à 15:17

option 2 : vire le background :p
ça fait toujours de la transparence :)

moi je cherche a faire une option pour le désactivé sur un gadget ou ya des thèmes

Ajouter un commentaire

Répondre au sujet

Posez votre question

Dossier à la une

Passage au tout numérique : quel coût pour les particuliers ?

Passage au tout numérique : quel coût pour les particuliers ?

Combien cela coûte-t-il au total ? Quelles aides apportent l'état et les acteurs du marché pour alléger cette charge non choisie ? Tous les détails sur Commentçamarche.net.

Background transparent ? [Résolu]

Background transparent »

Passage au tout numérique : quel coût pour les particuliers ?