Witaj Gościu! ( Zaloguj | Rejestruj )

Forum PHP.pl

 
 Reply to this topicStart new topic
> [HTML] IE blokuje prostą zawartość aktywną (onmouseover)
Karol J
post 22.01.2011, 14:44:16
Post #1





Grupa: Zarejestrowani
Postów: 4
Pomógł: 0
Dołączył: 22.01.2011

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

Zrobiłem małe menu graficzne, gdzie po "onmouseover" podmieniany jest wyświetlany plik:

<img src="i_1.jpg" onmouseover="src='i_1+.jpg'" onmouseout="src='i_1.jpg'">



IE uparło się, że to coś groźnego. Można to jakoś przeskoczyć ?

FireFox, Opera, Chrom nie maja z tym żadnego kłopotu.
Go to the top of the page
+Quote Post
piotr.kazmiercza...
post 22.01.2011, 14:59:00
Post #2





Grupa: Zarejestrowani
Postów: 47
Pomógł: 10
Dołączył: 1.03.2010
Skąd: Warszawa

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

Do czegoś takiego dużo łatwiej jest użyć css'a i hover'a. Hover
Tylko w takim wypadku robisz zamiast <img> background-image w css'ach


--------------------
Facead.pl - Social Media Agency
Fishcode.pl - Blog
Go to the top of the page
+Quote Post
Karol J
post 22.01.2011, 18:32:28
Post #3





Grupa: Zarejestrowani
Postów: 4
Pomógł: 0
Dołączył: 22.01.2011

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

Wybacz, ale nie idzie mi.
Podpowiesz co robię nie tak ?

Grafika 800x227pix: http://www.tycoon-trade.com/images/baner.jpg
oczywiście zapisana w folderze lokalnym

Plik HTM:

<html>
<head>
<link rel="Stylesheet" type="text/css" href="s.css" />
</head>
<body>
<IMG SRC="baner.jpg">
</body>
</html>


Plik CSS:

img
{
height: 227px; /*Wysokość obrazka*/
width: 400px; /* połowa szerokości obrazka*/
background: transparent url(baner.jpg) 0 0 no-repeat;
}

img:hover
{
background-position: -150px 0;
}
Powód edycji: [Daiquiri]: Proszę stosować BBCode
Go to the top of the page
+Quote Post
d3ut3r
post 22.01.2011, 19:27:30
Post #4





Grupa: Zarejestrowani
Postów: 709
Pomógł: 176
Dołączył: 24.10.2010

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

ie blokuje to ale wydaje mi się że tylko jak otwierasz plik lokalnie (taka polityka bezpieczeństwa którą można zmienić w ustawieniach) jak wrzucisz na serwer to onmouseover powinno śmigać. Co do background to robisz mniej więcej tak w HTML:

[HTML] pobierz, plaintext 
  1. <div id="obrazek">
  2. </div>
[HTML] pobierz, plaintext


w CSS:

[CSS] pobierz, plaintext 
  1. div#obrazek{
  2.     width: [i]szerokość[/i] px;
  3.     height: [i]wysokosc[/i] px;
  4.     background:url("obrazek.jpg") no-repeat;
  5. }
  6.  
  7. div#obrazek:hover{
  8.     background-position:-150px;
  9. }
[CSS] pobierz, plaintext


--------------------
http://d3ut3r.wordpress.com/ | mysql_* jest przestarzałe UŻYWAJ PDO!
Go to the top of the page
+Quote Post
Karol J
post 23.01.2011, 16:06:36
Post #5





Grupa: Zarejestrowani
Postów: 4
Pomógł: 0
Dołączył: 22.01.2011

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

wniosek mam taki, że rzeczywiście - strona po wrzuceniu na serwer przestała być niebezpieczną.

A przewijanie w css działa. Oczywiście nie działa w IE sciana.gif
Go to the top of the page
+Quote Post
thomson89
post 23.01.2011, 16:35:34
Post #6





Grupa: Zarejestrowani
Postów: 1 178
Pomógł: 51
Dołączył: 7.01.2009
Skąd: Gdańsk

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

hover dla zwykłego diva pod ie nie zadziała, więc też odpada.


--------------------
Sklep 70%
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: Standardowy · Przełącz na: 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: 6.07.2025 - 16:27
Powered By IP.Board © 2025  IPS, Inc.
All changes by PHP.pl Administrators
Hosting zapewnia NQ.pl hosting, trac, svn