Witaj Gościu! ( Zaloguj | Rejestruj )

Forum PHP.pl

> [CSS]rollover i dziwne zachowanie opery
nieraczek
post 24.07.2009, 05:50:12
Post #1





Grupa: Zarejestrowani
Postów: 405
Pomógł: 6
Dołączył: 12.01.2007

Ostrzeżenie: (0%)
-----

Chcę zrobić efekt rollover z wykorzystaniem css dla obrazka będącego jednocześnie linkiem - najpierw widoczny jest obrazek img_1, a po najechaniu na niego kursorem obrazek img_2. Nie wiem czemu, ale tylko w Operze jak pierwszy raz najeżdżam kursorem na obrazek img_1 to on znika i nie pokazuje się obrazek img_2 - nie widać w tym miejscu żadneg obrazka, jak następnym razem najeżdżam kursorem na obrazek img_1 to już wszystko działa poprawnie, w jego miejscu jest wyświetlany obrazek img_2. Wystarczy jednak wyczyścić historię przeglądania w Operze i sytuacja się powtarza. Takie coś ma miejsce tylko w Operze i tylko gdy pierwszy raz najeżdżam na obrazek z efektem rollover.

[HTML] pobierz, plaintext 
  1. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
  2. <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="pl" lang="pl">  
  3. <head>    
  4.   <style type="text/css">
  5.     .klasa
  6.     {
  7.     	display: block;
  8.     	height: 25px;
  9.     	width: 100px;
  10.     	background-image: url("skorka_pomaranczowa/images/img_1.jpg");
  11.     }
  12.  
  13.     .klasa:hover
  14.     {
  15.       background-image: url("skorka_pomaranczowa/images/img_2.jpg");
  16.     }  
  17.  
  18.    </style>
  19.   </head>  
  20.  
  21.   <body>    
  22.    <a class="klasa" href="#"></a>
  23. </body>
  24.  
  25. </html>
[HTML] pobierz, plaintext


Czy wie ktoś dlaczego ?

Ten post edytował nieraczek 24.07.2009, 05:51:16
Go to the top of the page
+Quote Post
 
 Start new topic
Odpowiedzi (1 - 7)
Pawel_W
post 24.07.2009, 05:54:16
Post #2





Grupa: Zarejestrowani
Postów: 1 675
Pomógł: 286
Dołączył: 15.06.2009
Skąd: Wieliczka

Ostrzeżenie: (0%)
-----

jeżeli jest to duży obrazek to może po prostu tyle się ładuje, skoro znika po wyczyszczeniu cache winksmiley.jpg
Go to the top of the page
+Quote Post
nieraczek
post 24.07.2009, 06:02:22
Post #3





Grupa: Zarejestrowani
Postów: 405
Pomógł: 6
Dołączył: 12.01.2007

Ostrzeżenie: (0%)
-----

nie, jest mały - ma 100x25 px - takie same jego wymiary ustawiłem zresztą w css'ie w klasie .klasa
Go to the top of the page
+Quote Post
ayeo
post 24.07.2009, 06:41:48
Post #4





Grupa: Przyjaciele php.pl
Postów: 1 202
Pomógł: 117
Dołączył: 13.04.2007
Skąd: 127.0.0.1

Ostrzeżenie: (0%)
-----

Witam!

Dobrą praktyką jest robienie 2 wersji buttona (regular i hover) w jednym pliku. W stylu (na hover) zmieniamy tylko background-position. Rozwiązuje to problem mrugania i doładowywania grafiki (przeglądarka pobiera tylko te pliki, które zamierza wyświetlić).

Pozdrawiam!


--------------------
ayeo.pl
Go to the top of the page
+Quote Post
nieraczek
post 24.07.2009, 08:10:35
Post #5





Grupa: Zarejestrowani
Postów: 405
Pomógł: 6
Dołączył: 12.01.2007

Ostrzeżenie: (0%)
-----

ayeo ok, ale mimo wszystko ciekawi mnie z czego wynika mój problem z pierwszego postu, wyjątkowo dziwny problem
Go to the top of the page
+Quote Post
ayeo
post 24.07.2009, 08:13:44
Post #6





Grupa: Przyjaciele php.pl
Postów: 1 202
Pomógł: 117
Dołączył: 13.04.2007
Skąd: 127.0.0.1

Ostrzeżenie: (0%)
-----

Witam!

Nie wiem z czego szczerze mówiąc. Najeżdżasz na button, JS zamienia zawartość na obrazek, którego nie ma. Przeglądarka wprowadza modyfikacje na stronie i pobiera obrazek. Po pobraniu już nie odświeża buttona. Spróbuj dać te alternatywne grafiki od razu na stronie. Position absolute, left - 10000px biggrin.gif Taki hack, ale od razu je załaduje biggrin.gif

Pozdrawiam!


--------------------
ayeo.pl
Go to the top of the page
+Quote Post
Spawnm
post 24.07.2009, 08:16:58
Post #7





Grupa: Moderatorzy
Postów: 4 069
Pomógł: 497
Dołączył: 11.05.2007
Skąd: Warszawa
Tak się dzieje nie tylko w operze , wszystkie przeglądarki tak mają.
Po 1 najechaniu jeśli dłuższą chwilę odczekasz grafika się załaduje , jednak jest to bez sensu.
Dlatego warto zrobić tak jak pisał ayeo smile.gif
Go to the top of the page
+Quote Post
nieraczek
post 24.07.2009, 11:12:07
Post #8





Grupa: Zarejestrowani
Postów: 405
Pomógł: 6
Dołączył: 12.01.2007

Ostrzeżenie: (0%)
-----

no wlasnie to sie dzieje TYLKO w Operze, czekanie nic nie daje, dziwne ;]

Ten post edytował nieraczek 24.07.2009, 11:12:16
Go to the top of the page
+Quote Post
« Następny starszy · Przedszkole · Następny nowszy »
 

Reply to this topicStart new topic
1 Użytkowników czyta ten temat (1 Gości i 0 Anonimowych użytkowników)
0 Zarejestrowanych:

 

Tryb wyświetlania: Przełącz na: Standardowy · Linearny+ · Przełącz na: Drzewo

Śledź ten temat · Wyślij temat na e-mail · Wydrukuj ten temat · Subskrybuj to forum

RSS Wersja Lo-Fi Aktualny czas: 14.08.2025 - 06:27
Powered By IP.Board © 2025  IPS, Inc.
All changes by PHP.pl Administrators
Hosting zapewnia NQ.pl hosting, trac, svn