Problem z wyświetlaniem strony w WebKit-cie


(jacko1998) #1

5270853800_1384409190_thumb.jpg

Tak to wygląda. A to kod HTMLCSS: KLIK ! Chciałbym, aby w WebKit-cie wyświetlało tak jak na gecko(MF). Pomoże ktoś ?

Pozdrawiam


(manieKMP) #2
#logo {

	width: 420px;

	height: 60px;

	background-color: #f25a58;

	-webkit-transition: .5s all ease-in-out;

	-o-transition: .5s all ease-in-out;

	transition: .5s all ease-in-out;

	position: relative;

   left: -120px;

}


#logo:hover {

	left: 0;

	margin: 0;

}


#logo > img {

   display: inline-block;

	width: 90px;

	height: 90px;

   position: relative;

	top: -15px;

	border: 5px solid #4f4c58;

	opacity: 0;

	-webkit-transition: 1s opacity ease-in-out;

	-o-transition: 1s opacity ease-in-out;

	transition: 1s opacity ease-in-out;

}

Przy takich obiektach lepiej jest używać "kierunków" (top, right, bottom, left, w zależności w którą stronę ma się "chować"), niż zmiany rozmiaru (width, height)... po części chyba po to pozycjonowałeś :wink: (absolute, relative, fixed wespół z "kierunkiem"... na niepozycjonowane top-left nie działa).

Druga sprawa, ściągawka podpowiada, że na IE poniżej 10-tki transition nie działa, a powyżej bez dopisku...


(jacko1998) #3

Wszystko OK. Dzięki !