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.

10 réponses

1 2
Avatar
Thibault
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.


A priori tu peux utiliser la propriété opacity ... Ca marche sous IE et
sous FF. (C'est ce qui est pas exemple utilisé sur l'accueil
personnalisé de Google).

Voici une fonction qui marche pour les 2 :

function object_set_opacity(id,num) {
var o = document.getElementById(id);
if (o) {
if (! isNaN(num)) {
o.style.opacity=num/100;
o.style.filter="alpha(opacity="+num+")";
}
}
}

Avatar
JT
Vincent wrote:
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.
Va voir dans le newsgroup auteur, plus adapté, j'ai un post "css

opacité" qui parle de cela.
moi j'ai opté pour
- un png pour ff.
- un filtre pour ie. dans ce 2nd cas il faut placer un position:relative
en fond pour supprimer l'alpha.
Julien

Avatar
ASM
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.
http://boxfly.free.fr/test/example.html

Est-ce que qqn saurait comment faire


çà n'a rien à voir avec le javascript ton histoire
néanmoins (et si j'ai compris la question) une soluce :
http://perso.wanadoo.fr/stephane.moriaux/truc/transparences_ie.htm
(ne reste plus qu'à résoudre la question pour IE5 IE5.5 (Windows only) )

--
Stephane Moriaux et son [moins] vieux Mac

Avatar
ASM

Voici une fonction qui marche pour les 2 :

function object_set_opacity(id,num) {
var o = document.getElementById(id);
if (o) {
if (! isNaN(num)) {
o.style.opacity=num/100;
o.style.filter="alpha(opacity="+num+")";
}
}
}


Mais ceci n'est-il pas fait pour éclaircir l'ensemble du div ?
(et y compris son texte)
Ce qui, je crois, n'est pas le but recherché.

--
Stephane Moriaux et son [moins] vieux Mac

Avatar
ASM

Va voir dans le newsgroup auteur, plus adapté, j'ai un post "css
opacité" qui parle de cela.


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)


--
Stephane Moriaux et son [moins] vieux Mac

Avatar
Vincent
ASM wrote:

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. http://boxfly.free.fr/test/example.html

Est-ce que qqn saurait comment faire



çà n'a rien à voir avec le javascript ton histoire
néanmoins (et si j'ai compris la question) une soluce :
http://perso.wanadoo.fr/stephane.moriaux/truc/transparences_ie.htm
(ne reste plus qu'à résoudre la question pour IE5 IE5.5 (Windows only) )



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

Merci pour votre aide,
Vincent.

PS: Pour IE5.x tant pis ;)


Avatar
Vincent
ASM wrote:


Voici une fonction qui marche pour les 2 :

function object_set_opacity(id,num) {
var o = document.getElementById(id);
if (o) {
if (! isNaN(num)) {
o.style.opacity=num/100;
o.style.filter="alpha(opacity="+num+")";
}
}
}



Mais ceci n'est-il pas fait pour éclaircir l'ensemble du div ?
(et y compris son texte)
Ce qui, je crois, n'est pas le but recherché.



C'est vrai!


Avatar
Vincent
ASM wrote:


Va voir dans le newsgroup auteur, plus adapté, j'ai un post "css
opacité" qui parle de cela.



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)




J'ai pu le trouver ici (
fr.comp.infosystemes.www.auteurs ):

news://news.free.fr:119/43b11dc7$0$20173$

PS: J'espère que le lien est bon, c'est la première fois que je fais un
lien newsgroup de ma vie :/


Avatar
ASM
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

--
Stephane Moriaux et son [moins] vieux Mac


Avatar
JT
ASM wrote:


Va voir dans le newsgroup auteur, plus adapté, j'ai un post "css
opacité" qui parle de cela.



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.
2. Je n'ai pas encore de liens en ligne. 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.

Julien


1 2