Zrobiłem sobie na stronie diva z Facebookowym boxem.
Div jest schowany za lewą krawędzią okna, a widoczny jest tylko mały "język" z logiem FB. Po najechaniu nad ten "język" całość się wysuwa. Wszystko na CSSie, wysuwanie na :hover.
W każdej przeglądarce to działa doskonale. Niestety gorzej jest z IE.
Po najechaniu na "język" div zachowuje się tak jakbym balansował na krawędzi zmieniając stan hover.
Problem istnieje tylko wtedy gdy poruszam kursorem. Gdy jakimś cudem uda mi się umieścić kursor nad językiem i ani razu nim nie poruszyć, całość działa ok.
HTML:
CSS:
.fb { width: 200px; height: 400px; position: fixed; top: 100px; left: -200px; background: #ffffff; text-align: center; transition-duration: 1.5s; } .jezyk { width: 50px; height: 50px; background-color: #3B5998; background-image: url('../../../../../image/fejs.png'); background-repeat: no-repeat; background-position: center; border-radius: 0px 5px 5px 0px; position: absolute; top: 0px; left: 200px; cursor: pointer; } .fb:hover { left: 0px; }
Całość umieszczona tu: www.lisek-urwisek.com