The ASW - css - Commentaires

La transparence en CSS avec Internet Explorer - tibo

tibo — Tue, 28 Oct 2008 11:36:26 +0100

Bon, j'y arrive vraiment pas.
Je teste mon site sur IE6, là. Et ça ddéconne dans tous les sens !
Pas de transparences sur les png je m'en fous.

Par contre, l'opacité sur les div, malgré le code donné ci-dessus, ne fonctionne toujours pas.
Donc, questions :

1.pourquoi ferme-t-on 3 fois les accollades dans le code suivant ?

.monbloc {
background : #fff;
opacity : .2;
filter : alpha(opacity=20);

/* pour IE 6 */
height : 1px;
}
/* pour les autres navigateurs */
* > .monbloc {
height: auto;
}
/* pour IE 7 */
*+html .monbloc {
min-height : 1px;
}

2.Voici mon code, je pense que si ca saute c'est en raison du z-index. Pourtant j'ai essayé sans, avec, en me mettant un doigt dans l'oreille, en buvant un café, et rien n'y fait.

#commentaire {
position:absolute;
background : #000000;
opacity : .6;
filter : alpha(opacity=60);
height : 1px;
}
* > .monbloc {
height: auto;
}
*+html .monbloc {
min-height : 1px;
}
z-index:1;
width: 340;
height: 20;
margin-left: 0;
margin-top: 100;
background-color: trasparent;
}

Si vous vous penchez sur mon code. Merci d'avance pour votre expertise :°)

La transparence en CSS avec Internet Explorer - tibo

tibo — Tue, 28 Oct 2008 11:21:45 +0100

Personnellement, étant graphiste intéressé par la programmation et ne faisant pas de la programmation à plein temps, les incompatibilités avec ie commencent à me pomper l'air et me découragent petit à petit.
Je me dis que je vais tout faire en as et ça pèsera une tonne et on dira "on lui pardonne, il sait pas programmer, c un graphiste" ^^

La transparence en CSS avec Internet Explorer - Patrick

Patrick — Fri, 19 Sep 2008 18:04:19 +0200

comment fait on avec internet E 8.0

La transparence en CSS avec Internet Explorer - muche

muche — Thu, 10 Apr 2008 16:43:45 +0200

? inutile tout ça sur IE7, ça marche sans. Un simple filter suffit. Peut-être une mise à jour a été appliquée...

La transparence en CSS avec Internet Explorer - petit_lapin

petit_lapin — Wed, 02 Apr 2008 09:41:24 +0200

Salut
Merci pour ces explications dont j'avais besoin. question subsidiaire : est ce qu'on peut appliquer à une image? Je souhaite faire une page avec un poeme en deux langue et donc mettre une image en transparence d'un livre ouvert, pour ensuite mttre les poemes sur chaque page??
Merci pour vos réponse
un roumain (et_emilian@yahoo.fr)

La transparence en CSS avec Internet Explorer - Phil

Phil — Sun, 16 Dec 2007 22:51:20 +0100

Il y a une autre solution à ceci que je considère plus élégante (question de goût). Il s'agit en fait du recyclage d'une solution visant à palier au fait que IE ne supporte pas min-height et qui consiste à tirer avantage d'un autre bogue de IE (manque de prise en charge correct de l'attribut !important).

Alors voilà:
.monbloc {
background: white;
opacity: 0.2;
filter: alpha(opacity=20);

/* pour IE 7 */
min-height: 1px;

/* pour IE 6 */
height: auto !important;
height: 1px
}

La transparence en CSS avec Internet Explorer - fabfo

fabfo — Sat, 22 Sep 2007 12:08:43 +0200

en fait il suffit d'initialiser la taille H/W du bloc après l'affichage du bloc avec un setTimeout ex:
ce css suffit:
.monbloc {
background : #fff;
opacity : .2;
filter : alpha(opacity=20);
}

et après l'affichage (inialisation de bloc par le navigateur)
tu lance :
setTimeout(function(){document.getElementById('div_transp').style.height='100%';},1);

ne me demandez pas pourquoi ! bug ie

Centrer un float en CSS - Jokester

Jokester — Wed, 27 Jun 2007 11:51:14 +0200

J'avais tenté un réajustement de blocs avec javascript, et j'en avait conclu que c'était trop lourd : à chaque réajustement de la taille des fenêtres, le contenu mettait du temps à se remettre en place, et je plantais complètement IE dans certains cas.
C'est déconseillé d'utiliser DOM dans ce cas je pense, il faut trouver une solution alterne, et compatible avec IE. Je crois que sur Alsacréations il y a un tutoriel qui explique cette démarche de centrage de blocs, compatible tous navigateurs.

Bon vent,
Jk

Centrer un float en CSS - Clem

Clem — Sun, 28 Aug 2005 15:54:38 +0000

... de toutes façons rien ne vaudra jamais l'alliance CSS/XHTML... euh... je crois ? allez faire comprendre ça à nos chers ingénieurs microsoftiens :) (j'espère au moins qu'IE7 calculera correctement les paddings et qu'ils sera compatible avec position:fixed; que je passe plus dix plombes à créer des erreurs puis des corrections dans mes feuilles de style...)

Centrer un float en CSS - cgo2

cgo2 — Thu, 25 Aug 2005 08:37:40 +0000

Pour le display : table, je ne connaissais pas du tout, c'est ce dont j'avais besoin.
Malheureusement, après un test de 3 minutes avant de partir au boulot j'ai constaté :
1) ça crée un espace supplémentaire en dessous des boites (bon, ça doit peut-être se regler avec une autre propriété)
2) c'est pas compatible IE...

Je jetterais à oeil à ton script tout à l'heure :)

Centrer un float en CSS - Celelibi

Celelibi — Thu, 25 Aug 2005 07:21:20 +0000

Tien tant que j'y suis, on va "corriger" le script JavaScript même si en CSS ça fait plus classe. :)

Donc, pour connaitre la classe d'un élément il y a plusieurs moyens.
Soit la propriété className, ou alors on peut faire du lourd avec un lis.getAttribute("class") .

Sinon, pour parcourir la liste des noeud enfant sur seulement un niveau il faut y aller à coup de nextSibling. Petit exemple :
for (myNode=navroot.firstChild; myNode; myNode=myNode.nextSibling) {
// Si le noeud est un élément
if(myNode.nodeType == 2) ok++
else nok++
}

En fait ici moz et sa famille de pandas rouges considèrent que de simples espaces constituent un noeud de text, alors que IE ne les considère pas. :)
Il serait aussi possible de faire un test sur l'attribut nodeName, voir même pourquoi pas, className.

Un petit lien en passant fr.selfhtml.org/javascrip...

Et puis pourquoi modifier l'attribut style de l'élément, quand tu peux modifier la règles CSS. Mais bon j'ai un peu la flème de ce soir (oui il est 07h20 du soir).
Aller encore un petit lien www.mozilla.org/docs/dom/...

Bref, de toutes façon je désactive javascript par défaut, et puis la solution CSS elle rox.

Centrer un float en CSS - Celelibi

Celelibi — Thu, 25 Aug 2005 06:01:40 +0000

Comme sur le chat, mais ici au moins c'est persistant. :)

Tu reprends ton modèle de avec le conteneur mais tu lui mets le style suivant :
.conteneur {
display : table;
margin : 0px auto;
}

Et on oubie pas d'applaudir ze masteur ov séaissèsse.

(Qu'il est loin le temps du troll xsl/css...)

Je vais avoir droit à un greet ? :D

Celelibi