l'asile.fr


Transparence PNG + CSS + Lien

Je l'ai eu fait, mais impossible de me souvenir comment et ça me gonfle
Donc, sous IE6 (Via CSS) je voudrais obtenir la transparence d'un PNG (bon là ok), sauf que celle ci est linkée :

#basket_positioner #mini_basket #basket_bottom{
height: 36px;
display: block;
background: url('../images/mini_basket_bottom.png') no-repeat left top;
width: 200px;
}
#basket_positioner #mini_basket #basket_bottom a{
background: url('../images/mini_basket_bottom.png')no-repeat left bottom;
height: 36px;
display: block;
}

J'ai testé ceci mais bien entendu l'image n'apparait plus, ce qui est un petit peu gênant ...
Une idée simple ?

Thanks :)


mercredi
11 février 2009 à 20:03
 
 

Obtenir la transparence PNG avec Internet Explorer 6 ?


mercredi
11 février 2009 à 20:09
 
 

Excellent, merci :)


mercredi
11 février 2009 à 20:29
 
 

url : http://www.dillerdesign.com/experiment/DD_belatedPNG/ De rien :D


mercredi
11 février 2009 à 23:10
 
 

Thanks² \o/


jeudi
12 février 2009 à 07:43
 
 

Bon, je dois être débile, mais sur le site que je monte actuellement, aucune solution ne marche. J'en perd mon latin, surtout que sur d'autres que j'ai designé ça fonctionnait.

Par exemple, j'ai un #content qui affiche en background une image autour de la page (en plus du body) :

#content {
background: url(../images/content-bg.png) no-repeat top center;
}

Ce #content se trouve dans une feuille de style (css/style.css)

Les modifs via PngFix ne changent rien (j'aime à moitié cette solution, ce n'est pas très propre) et lorsque je passe par une modif via la feuille de style je n'ai plus l'image ...

Je ne vois pas dans l'immédiat ...


jeudi
12 février 2009 à 20:23
 
 

Tu peux pas le mettre en ligne qu'on puisse voir ça ?!


jeudi
12 février 2009 à 22:47
 
 

Si, voilà (petite partie du template HTML avant intégration) : test

Le png grisé une fois que le panier est déroulé est celui tout en bas (avec un x). Il y a aussi le div id="content" (l'ombre qui donne un peu de volume sur la page). Sous IE6 s'pas très beau ;)

La feuille de style qui gère cela est ici :
url : http://perso.numericable.fr/~jeparies/vxhhfvh/css/style.css

Le content :

#content {
background: url(../images/content-bg.png) no-repeat top center;
}

Le panier :

#basket_positioner #mini_basket #basket_bottom{
height: 36px;
display: block;
background: url('../images/mini_basket_bottom.png') no-repeat left top;
width: 200px;
}
#basket_positioner #mini_basket #basket_bottom a{
background: url('../images/mini_basket_bottom.png')no-repeat left bottom;
height: 36px;
display: block;
}


Dernière modification le 13/02/09 à 19:28 par groove_salad
vendredi
13 février 2009 à 19:21
 
 

Bon, je continue à chercher, il faut que je trouve une solution ce matin vu que le template vient d'être intégré dans des répertoires de plusieurs niveaux.


samedi
14 février 2009 à 08:55
 
 

Bon, ça fonctionne avec IE PNG Alpha Fix v1.0 au niveau du panier, par contre l'ombre du site est tellement transparente qu'on ne la voit plus ... :)


samedi
14 février 2009 à 09:10
 
 

Quel cancre (j'étais vraiment fatigué cette semaine)...

iepngfix.HTC
blank.gif

dans mon répertoire CSS

et

style type="text/css"
img, div { behavior: url(css/iepngfix.htc) }
/style

dans la MasterPage de la version finale du site.

ça marche nickel.

Merci pour les liens.


samedi
14 février 2009 à 09:43
 
 


Répondre au sujet

Vous devez être identifié pour participer à ce topic.