Menu site Ubuntu

FMC · Le 13/06/2007, à 21:10

Salut à tous,

j'ai une petite question, je fais un site pour le moment, et sur ce site vous avez réussi à mettre un PNG en transparent pour IE 6.x, comment avez-vous fait ?

Je cherche à faire de même, mais je n'y arrive pas.

En tous cas, bravo pour les CSS magnifiques !

FMC

Gustry · Le 13/06/2007, à 21:16

quelle image est un PNG transparent ?

compte supprimé · Le 13/06/2007, à 21:27

Gustry a écrit :

quelle image est un PNG transparent ?

Si on te dit qu'elle est transparente

FMC · Le 13/06/2007, à 22:59

L'image des boutons, les icones "Ubuntu", "Communauté", "Forums" et "Planet"

Compte anonymisé · Le 13/06/2007, à 23:05

weenu a écrit :

Gustry a écrit :
quelle image est un PNG transparent ?
Si on te dit qu'elle est transparente

L'image contient un calque transparent, elle n'est pas totalement transparente.

FMC · Le 14/06/2007, à 01:16

Ca me dit pas comment ils ont fait !

J'ai trouvé des hack sur le net, mais j'ai pas le sentiment que ce site les ai utilisés.

jpaul · Le 14/06/2007, à 11:31

Je pense que c'est du PNG-8 (ce que IE reconnait bien) à vérifier, mais par exemple, les smileys de punbb (donc ici) en sont.

Nazebrock · Le 14/06/2007, à 12:12

C'est tout simple de faire une image transparente. Comme dit plus haut, un calque transparent et zou. Ca se fait en un clic sur tous les bons logiciels d'imagerie.

(Si c'est bien de ca dont on parle)

Compte anonymisé · Le 14/06/2007, à 12:35

Nazebrock a écrit :

C'est tout simple de faire une image transparente. Comme dit plus haut, un calque transparent et zou. Ca se fait en un clic sur tous les bons logiciels d'imagerie.
(Si c'est bien de ca dont on parle)

le problème étant en l'occurence que IE gère très mal la transparence.

brakbabord · Le 14/06/2007, à 14:39

Normalement IE ne gère la transparence que pour les GIF.
Je crois que c'est un bug, ou alors une faille de sécurité

Dernière modification par brakbabord (Le 14/06/2007, à 14:41)

S. Dis Pater · Le 14/06/2007, à 14:59

Il existe des solutions pour rendre un png transparent sous IE (par javascript ou par css):

Plus d'info ici -->http://catinon.info/blog/2006/01/24/3-l … t-sous-ie6

Alain.g · Le 14/06/2007, à 22:40

brakbabord a écrit :

Normalement IE ne gère la transparence que pour les GIF.

Non pas du tout : les PNG similaires au GIF, c'est à dire en couleurs indexées (paletted) avec transparence binaire (dite aussi totale) sont aussi bien gérés par Internet Explorer que le GIF. Ce sont juste les autres types de transparence du PNG qui posent problème à IE.

La méthode utilisée dans la css de ce site est un hack pour faire en sorte qu'IE n'affiche pas la même image que les autres navigateurs :

#navbar li a {
  background-image:url(ubuntu/images.png) !important;
  background-image:url(ubuntu/images_ie.png);
}

Normalement la déclaration avec le !important est prioritaire sur le suivante sauf pour IE 5 et 6. C'est un bug très connu car exploité comme hack.
IE 5 et 6 afficheront donc images_ie.png qui est un PNG paletted avec transparence totale et les autres navigateurs (y compris IE7 et ie5 mac) afficheront le beau PNG TrueColor avec canal alpha (images.png).

Différences ? À gauche la version normale, à droite pour IE :

Ubuntu-fr

Navigation

Liens de recherche

Annonce

#1 Le 13/06/2007, à 21:10

Menu site Ubuntu

#2 Le 13/06/2007, à 21:16

Re : Menu site Ubuntu

#3 Le 13/06/2007, à 21:27

Re : Menu site Ubuntu

#4 Le 13/06/2007, à 22:59

Re : Menu site Ubuntu

#5 Le 13/06/2007, à 23:05

Re : Menu site Ubuntu

#6 Le 14/06/2007, à 01:16

Re : Menu site Ubuntu

#7 Le 14/06/2007, à 11:31

Re : Menu site Ubuntu

#8 Le 14/06/2007, à 12:12

Re : Menu site Ubuntu

#9 Le 14/06/2007, à 12:35

Re : Menu site Ubuntu

#10 Le 14/06/2007, à 14:39

Re : Menu site Ubuntu

#11 Le 14/06/2007, à 14:59

Re : Menu site Ubuntu

#12 Le 14/06/2007, à 22:40

Re : Menu site Ubuntu

Pied de page des forums