LI Images de fond (.PNG) n'apparaissent pas dans IE6

Question

J'utilise le CSS suivant, mais il ne montre jamais les images de fond dans IE6. Mais si je supprime le filtre .. commande AlphaLoader, puis il montre avec un fond gris.

Voici mon code CSS

.fg-block1 ul, .fg-block3 ul 
{ 
list-style:none; 
} 
.fg-block1 ul li, .fg-block3 ul li 
{ 
padding-left:28px; 
background:url(images/bullet-2.png) no-repeat left top; 
font-family:Verdana, Arial, Helvetica, sans-serif; 
font-size:11px; 
border-bottom:1px dotted #fff; 
text-align:left; 
background-position:1px 0; 
line-height:16px; 
padding-bottom:5px; 
margin-bottom:5px; 
} 
.fg-block3 ul li 
{ 
border-bottom:none; 
} 
.fg-block1 ul li a, .fg-block3 ul li a 
{ 
color:#fff; 
text-decoration:none; 
} 
.fg-block1 ul li a:hover, .fg-block3 ul li a:hover 
{ 
color:#fff; 
text-decoration:underline; 
} 

Answer 1

Essayez de lire ceci:

http://www.twinhelix.com/css/iepngfix/demo/

Answer 2

AlphaImageLoader bidouille ne fonctionne que si vous définissez les dimensions du conteneur parent où vous chargez votre .png en arrière-plan.

Si vous ajoutez width et height et display:block à votre <li> cela devrait aller. Sinon, envisagez une approche différente.

Answer 3

Je recommande le correctif jQuery png. voir les liens ci-dessous

jQuery plugin

another source

Answer 4

Je ne ai jamais essayé le plugin jQuery, mais après avoir traité avec beaucoup de problèmes PNG dans IE6 le meilleur solution que j'ai trouvé est de loin DD Belated PNG fix. Le correctif TwinHelix mentionné précédemment présentait quelques problèmes pour moi dans certains scénarios.