Forum PHP.pl > [HTML] IE blokuje prostą zawartość aktywną (onmouseover)

Pomoc - Szukaj - Użytkownicy - Kalendarz

Pełna wersja: [HTML] IE blokuje prostą zawartość aktywną (onmouseover)

Karol J

22.01.2011, 14:44:16

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.

piotr.kazmierczak

22.01.2011, 14:59:00

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

Karol J

22.01.2011, 18:32:28

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;
}

d3ut3r

22.01.2011, 19:27:30

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 
<div id="obrazek">
</div>
[HTML] pobierz, plaintext

w CSS:

[CSS] pobierz, plaintext 
div#obrazek{
    width: [i]szerokość[/i] px;
    height: [i]wysokosc[/i] px;
    background:url("obrazek.jpg") no-repeat;
}
 
div#obrazek:hover{
    background-position:-150px;
}
[CSS] pobierz, plaintext

Karol J

23.01.2011, 16:06:36

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

thomson89

23.01.2011, 16:35:34

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

To jest wersja lo-fi głównej zawartości. Aby zobaczyć pełną wersję z większą zawartością, obrazkami i formatowaniem proszę kliknij tutaj.