Mam div'a z efektem hover, na pół strony. Teraz chciałbym na tym divie dorzucić obrazek, który będzie linkiem + nadać mu hover, który też będzie obrazkiem, ale innym.
Robię to w ten sposób:
Kod
.add{
margin: 0 auto;
width: 22px;
height:22px;
display:block;
background: url('star.png') center top no-repeat;
}
.add:hover {
background: url('stuff.png');
}
margin: 0 auto;
width: 22px;
height:22px;
display:block;
background: url('star.png') center top no-repeat;
}
.add:hover {
background: url('stuff.png');
}
Ta grafika to gwiazdka, w obu przypadkach. I problem jest tego typu, że w tle tej gwiazdki (wiadomo, gwiazdka to nie pełny kwadrat, więc widać jakieś tam piksele ^^ ) prześwituje biały kolor tła... Nie mogę ustawić na sztywno np.
background: green url('grafika'); bo ta gwiazdka będzie występowała z divami, które mają różne kolory w tłach, do tego dochodzi jeszcze hover tych divów.
No i następny problem, że te kolory nie są przypisane bezpośrednio w klasach tych div'ów, tylko w zupełnie oddzielnej klasie (robię tak dlatego, że kolor tła jest uzależniony od strony kodu php - Ci z premium mają inny kolor, normalni inny), więc kod z div'em wygląda tak:
I teraz, jak ustalić jednoznaczny kolor tła dla tych gwiazdek, aby spasował dla wszystkich divow ? Bo to nie ma zbytnio skąd dziedziczyć koloru, ponieważ jest on przypisywany z zupełnie oddzielnej klasy niż sam div :/
Ewentualnie, jak inaczej zapisać grafikę + hover, które mają być linkiem, tak aby nie babrać się z tym kolorem tła?
Dzięki, pozdrawiam!