OVH Cloud OVH Cloud

Avec un background transparent.

17 réponses
Avatar
Vincent
Salut,

J'aimerai faire un tableau ou une div avec un fond transparent. La
solution trouvée ne marche qu'avec FF, utilisation d'un PNG transparent.
la seconde marche avec IE et FF mais donne un aspect transparence au
texte dans la div.
Exemple:
http://boxfly.free.fr/test/example.html

Est-ce que qqn saurait comment faire pour avoir une div dont le fond est
transparent sans pour autant donner de la transparence au texte dans la
div ?

Merci,
Vincent.

7 réponses

1 2
Avatar
Vincent
ASM wrote:

ASM wrote:

néanmoins (et si j'ai compris la question) une soluce :
http://perso.wanadoo.fr/stephane.moriaux/truc/transparences_ie.htm



Oui voilà, apparement cette solus marche avec les 2 navigateurs :) Va
falloir que je regarde comment il s'en ait débrouillé.



en fait, c'est assez simple
il suffit de rajouter un hack pas très compliqué spécifique IE6



Je ne comprends pas pourquoi le lien "gtalbot :: DynamicOpacity" ne
marche pas chez moi avec IE6 ! Avec cette solus, toute la partie devient
non réactive à la souris ?

Qqn a une idée ?



Avatar
ASM
ASM wrote:

1) tu ne m'as pas dit si tu avais regardé "demain"
ni si çà répondait à ta question

2) je ne sais toujours pas comment tu fais
(revu les posts et tu ne donnes pas d'url de ta soluce)


1. Mes excuses (je peux mettre cela sur le dos des fêtes ?). C'est

parfait pour moi.


ha, bonne nouvelle :-)

2. Je n'ai pas encore de liens en ligne.


peux-tu nous donner un résumé du code ?

mais je fais ceci
- un png pour ff.
- un filtre pour ie. dans ce 2nd cas il faut placer un
position:relative en fond pour supprimer l'alpha.


car là, çà ne me parle pas vraiment.


--
Stephane Moriaux et son [moins] vieux Mac


Avatar
ASM
ASM wrote:


ASM wrote:

http://perso.wanadoo.fr/stephane.moriaux/truc/transparences_ie.htm




Je ne comprends pas pourquoi le lien "gtalbot :: DynamicOpacity" ne
marche pas chez moi avec IE6 ! Avec cette solus, toute la partie devient
non réactive à la souris ?


Ha ! Oui ! j'ai rajouté esssprés ce lien pour tester avec IE6
Il paraît il y avoir certaines incompatibilités liens <-> pngs-filter
pour ce pôvre navigateur (peut-on encore le nommer ainsi ?)

Qqn a une idée ?


voir le fil(*) sur même sujet du côté de fr.comp.infosystemes.www.auteurs
où j'espère avoir une réponse (?)

(*)<43b905e4$0$20153$
ou :
http://groups.google.com/group/fr.comp.infosystemes.www.auteurs/msg/e5a00a4605d8d1c3?rnum=1


--
Stephane Moriaux et son [moins] vieux Mac




Avatar
JT
peux-tu nous donner un résumé du code ?

mais je fais ceci
- un png pour ff.
- un filtre pour ie. dans ce 2nd cas il faut placer un
position:relative en fond pour supprimer l'alpha.



car là, çà ne me parle pas vraiment.




Yo !

sur mon fond dans un css générique
background: url(./img/opacity.png) repeat top left transparent;
}


sur mon fond dans un css spécial ie
#summary #gauche {
background-color:white;
background-image:none;
filter:alpha(opacity€);
}

c'est plus clair?
Julien


Avatar
Vincent
JT wrote:
peux-tu nous donner un résumé du code ?

mais je fais ceci
- un png pour ff.
- un filtre pour ie. dans ce 2nd cas il faut placer un
position:relative en fond pour supprimer l'alpha.




car là, çà ne me parle pas vraiment.




Yo !

sur mon fond dans un css générique
background: url(./img/opacity.png) repeat top left transparent;
}


sur mon fond dans un css spécial ie
#summary #gauche {
background-color:white;
background-image:none;
filter:alpha(opacity€);
}

c'est plus clair?
Julien


Euuuuh! Bof! Je sèche encore là :(

Je comprends pas pourquoi le lien n'est pas actif avec IE6 dans la page:
http://perso.wanadoo.fr/stephane.moriaux/truc/transparences_ie.htm

Ce qui est sur c'est que cela vient du code spécifique IE suivant:

filter:
progid:DXImageTransform.Microsoft.AlphaImageLoader(src="php/images/fond_gc.png",
sizingMethod="scale") ;



Avatar
ASM

Je comprends pas pourquoi le lien n'est pas actif avec IE6 dans la page:
http://perso.wanadoo.fr/stephane.moriaux/truc/transparences_ie.htm


me dire si c'est ok avec la dernière rustine
(touj même url)

merci


--
Stephane Moriaux et son [moins] vieux Mac

Avatar
Vincent
ASM wrote:


Je comprends pas pourquoi le lien n'est pas actif avec IE6 dans la page:
http://perso.wanadoo.fr/stephane.moriaux/truc/transparences_ie.htm



me dire si c'est ok avec la dernière rustine
(touj même url)

merci


Non, ca ne marche pas sous IE6/Windows XP. Ca marche le lien avec IE

sous Mac ?

J'ai regardé la page MSDN:
http://msdn.microsoft.com/library/default.asp?url=/workshop/author/filter/reference/properties/opacity_1.asp
Et ils ont écrit:
---
Applies To
[ Object Name ]
Platform Version
Win32:
Version data is listed when the mouse hovers over a link, or the link
has focus.
---

Ce message n'apparait pas sous FF, uniquement avec IE ! Et j'ai pas
vraiment compris ce qu'ils voulaient dire par là...

Quand je mets également le code suivant dans ta page:
<span onMouseOver="alert('Test');">Show the message!</span>
Il n'y a pas d'alert avec IE quand on passe la souris devant "Show the
message!". C'est vraiment bizarre, ca réagit comme si une image était
posée sur la DIV !

Comprends pas...c'est pas logique :(


1 2