Witam.

Może ktoś już napotkał taki problem:

Zbudowałem menu, w którym po najechaniu na element listy pojawia się podpowiedź (tak jak przy użyciu znacznika title - tylko więcej fajerwerków ). niestety jak zwykle IE stwarza problemy . Wszystko w sumie działa jak należy, ale podczas animacji wspomnianego elementu pojawia się czarny cień w IE - efekt wieśniacki więc szukam rozwiązania. Jakieś pomysły? Poniżej wklejam kod:

style pojawiającego się elementu:
background: url(./img/hover.png) no-repeat;
width: 116px;
height: 55px;
position: absolute;
top: -60px;
left: -30px;
text-align: center;
padding: 10px 0px 10px;
font-style: normal;
z-index: 2;
display: none;

js:
$(document).ready(function(){

$(".menu a").hover(function() {
$(this).next("em").animate({opacity: "show", top: "-50"}, "slow");
}, function() {
$(this).next("em").animate({opacity: "hide", top: "-60"}, "fast");
});
});

i jeszccze element listy

[HTML] pobierz, plaintext 
<li style=" text-align:center;">
        <a href="{$menu[menu].link}"><img style="border:1px solid #a59e9e;" width="60" src="{$menu[menu].logoPath}"></a>        
        <em><strong>{$menu[menu].name}</strong></em>
        </li>
[HTML] pobierz, plaintext 

myśle, że problem leży gdzieś w css-ach..
z góry dzięki

A którego ie używasz ?

7

to tutaj tkwi szkopuł url(./img/hover.png) ie zle interpretuje pliczki png

http://www.komodomedia.com/blog/2007/11/cs...age-fix-for-ie/

Akurat IE7 raczej nie ma już tego problemu...

Zgadzam się. Okazało się, że chodziło o miejsca, w których przeźroczystość przenikała się z obrazkiem (tam gdzie krycie nie było na poziomie 100%), czyli w moim przypadku cieniowanie buttona. Nie rozwiązałem problemu - zrezygnowałem z cieniowania i gra.

Dziękuje wszystkim za odpowiedzi.