Bonjour,

J'utilise des images avec de la transparence sur mon site DNN 4.4.1.

J'ai malheureusement découvert que IE 5.5 et 6 ne géraient pas la transparence du PNG de base.

Dans un premier temps j'ai pensé utilisé des gif mais la qualité n'est pas la même je trouve, donc à défaut en utilisant les commentaires conditionnels pour IE, je pense utiliser des GIF pour IE 6 et inférieurs et des PNG pour IE 7 et les autres navigateurs.

En cherchant sur le net je suis tombé sur un tuto :

http://www.siteduzero.com/tuto-3-11629-1-les-png.html

En faisant des tests sur une page html j'ai réussi à utiliser : AlphaImageLoader Filter avec mes images et à tester leur affichage sous IE 5.5 et 6 et ca marche nikel.

Cela donne quelque chose comme ca :

<div style="height: 31px; width: 335px;
  filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src=image.png');
  background: url(image.png) no-repeat !important;
  background: none;"></div>

Le problème c'est que si je veux utiliser cette méthode dans dotnetnuke cela n'affiche pas l'image sous IE 5.5 et 6. En utilisant le filtre dans ma feuille de style container.css.

J'ai fait le test en mettant le code si dessus dans ma page default.aspx pour voir si cela changerait quelque chose. Pour le coup cela affiche bien mon image sous IE 5.5 et 6 avec la transparence mais dotnetnuke n'utilise plus le skin de ma page.

J'espère avoir été assez clair dans mes explications.

Avez vous une idée, pour réussir à utiliser le filtre AlphaImageLoader de microsoft dans dotnetnuke?

PS : j'utilise le filtre Alpha pour faire de la transparence sur un bloc de text et ca marche bien.

Voici en gros ce que j'essaye d'utiliser dans mes feuilles de style :

.class{
  height: 31px; width: 335px;
  filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/image.png');
  background: url(images/image.png) no-repeat !important;
  background: none;}

Pour ce qui est du script js, j'en ai entendu parlé, je ne savais pas pour la gestion des background en css, j'ai tenté d'utiliser une version mais sans succès. A la base je voulais eviter d'utiliser un script js pour faire ce genre de chose mais si ca marche aussi avec les background en css je vais peut etre essayer de mettre en place la meme solution que toi.

Pour le <%=SkinPath %>, est ce que cela marche en css ou y a t il un equivalaent?

Cordialemet.

PS : julien est mon nom de famile ^^, mon prénom c'est jd ;)

Salut JD, et pardon de t'avoir appelé Julien :)

Il est déconseillé de modifier Default.aspx, car il faudra faire attention ensuite à reporter toutes les modifications.

La variable <%=SkinPath %> est valable dans les fichiers de type Skin.ascx et Container.ascx uniquement. Autre part cela provoquera un bug.
Si tu places pngfix.js dans le dossier JS root Dnn, tu peux le référencer dans ton skin.ascx ou container.ascx via
<!--[if gte IE 5.5000]>
<script type="text/javascript" src="~/js/pngfix.js"></script>
<![endif]-->

Sans autre modifications de ta part, celui-ci va transformer au moment du OnLoad toutes les zones en Transparence Alpha via le filtre que tu employais manuellement.

Seb