"Zmiana" obrazka po najechaniu

Question

Mam pobrane obrazki z fontello w css i chce zrobić, żeby po najechaniu w danym miejscu, jeden obrazek zniknął, a drugi pojawił się w jego miejscu. Nie mogę tego zrobić display block i none, nie wiem czemu.

Answer 1

Pokaż kod, bo inaczej średnio da się pomóc.

Comments

Nie do końca rozumiem o co w tym chodzi... a dokładniej z tym (content: "inny kod";)

---

No tam podkładasz to, co jest w kodzie CSS tej ikonki, na którą się ma zamienić.

---

Czyli np. .facebook:hover .icon-fb:before {content: ".icon-tb-squared";}

W kodzie css, nie w html?

---

Nie, w content podajesz content z .icon-tb-squared

Tak, w kodzie CSS

---

Ok, chyba ogarniam, wielkie dzięki

Answer 2

Czy mógłbyś trochę streścić pytanie?

Comments

Mam 2 obrazki z fontello w jednym miejscu (pierwszy widoczny, drugi nie) i chcę, żeby po najechaniu było na odwrót (pierwszy niewidoczny, drugi widoczny)

---

Jak kolega napisał, bez kodu źródłowego strony niewiele można pomóc.

---

.icon-facebook:before { content: '\e800'; font-size: 72px; margin-top: 40px;} /* '' */ .icon-youtube:before { content: '\e801'; font-size: 72px; margin-top: 40px;} /* '' */ .icon-gplus:before { content: '\e802'; font-size: 72px; margin-top: 40px;} /* '' */ .icon-twitter:before { content: '\e803'; font-size: 72px; margin-top: 40px;} /* '' */ Po najechaniu mają zniknąć .icon-youtube-squared:before { content: '\e804'; font-size: 72px; margin-top: 40px;} /* '' */ .icon-twitter-squared:before { content: '\e805'; font-size: 72px; margin-top: 40px;} /* '' */ .icon-facebook-squared:before { content: '\e806'; font-size: 72px; margin-top: 40px;} /* '' */ .icon-gplus-squared:before { content: '\e807'; font-size: 72px; margin-top: 40px;} /* '' */ Po najechaniu mają się pojawić

---

wszystko widać...

---

.icon-facebook:before { content: '\e800';} /* '' */

.icon-youtube:before { content: '\e801';} /* '' */

.icon-gplus:before { content: '\e802';} /* '' */

.icon-twitter:before { content: '\e803'; } /* '' */

Po najechaniu mają zniknąć

.icon-youtube-squared:before { content: '\e804'; } /* '' */

.icon-twitter-squared:before { content: '\e805'; } /* '' */

.icon-facebook-squared:before { content: '\e806'; } /* '' */

.icon-gplus-squared:before { content: '\e807'; } /* '' */

Po najechaniu mają się pojawić