Fyner
18-09-2009, 15:58
witam.
mam dość nietypowy problem. pod przegladarkami takimi jak ff, opera i nowsze wersje ie wszystko działa, ale jest problem z przeglądarką ie6 - niestety musi także dobrze działać i pod tą prehistoryczna przeglądarką.
Mianowicie, mam menu, które składa się z obrazków, obrazki gdy menu jest nie aktywne (czyli nie posiada przy item parametru active) są w odcieniach szarości, po kliknięciu w obrazek i pojawieniu się parametru active obrazki się zmieniają na kolorowe. i problem jest w tym, że każde menu ma swój osobny obrazek, i musiałem stworzyć całą listę w css aby to dobrze działało (przykład jednej pozycji):
.item5 {
background: url(images/sub_news1.png) no-repeat;
height: 125px;
width: 125px;
}
.item5.active {
background: url(images/sub_news2.png) no-repeat;
height: 125px;
width: 125px;
}
problem w ie6 objawia się tym, że mając przykładowo 10 takich kodów odpowiednio dla każdego item, to aktywne obrazki (te kolorowe) pojawiają się nie te co powinny tylko z ostatniego kodu .item**.active - czyli, że dla item 1 pojawia sie kolorowy z item10, dla item2 tez z item10 itd.... poniewaz item10 jest ostatni w css'ie.
jak ktoś nie zrozumiał mogę przedstawić na rysunku :)
próbowałem już zamieniać kolejnością item z active, dodawać klasy menu, nawet z id current próbowałem, ie6 wszystko olewa...
mam dość nietypowy problem. pod przegladarkami takimi jak ff, opera i nowsze wersje ie wszystko działa, ale jest problem z przeglądarką ie6 - niestety musi także dobrze działać i pod tą prehistoryczna przeglądarką.
Mianowicie, mam menu, które składa się z obrazków, obrazki gdy menu jest nie aktywne (czyli nie posiada przy item parametru active) są w odcieniach szarości, po kliknięciu w obrazek i pojawieniu się parametru active obrazki się zmieniają na kolorowe. i problem jest w tym, że każde menu ma swój osobny obrazek, i musiałem stworzyć całą listę w css aby to dobrze działało (przykład jednej pozycji):
.item5 {
background: url(images/sub_news1.png) no-repeat;
height: 125px;
width: 125px;
}
.item5.active {
background: url(images/sub_news2.png) no-repeat;
height: 125px;
width: 125px;
}
problem w ie6 objawia się tym, że mając przykładowo 10 takich kodów odpowiednio dla każdego item, to aktywne obrazki (te kolorowe) pojawiają się nie te co powinny tylko z ostatniego kodu .item**.active - czyli, że dla item 1 pojawia sie kolorowy z item10, dla item2 tez z item10 itd.... poniewaz item10 jest ostatni w css'ie.
jak ktoś nie zrozumiał mogę przedstawić na rysunku :)
próbowałem już zamieniać kolejnością item z active, dodawać klasy menu, nawet z id current próbowałem, ie6 wszystko olewa...