[PHP][HTML]Wyświetlanie obrazka po najechaniu na menu Opcje

[ciapus4]

Witam,



po najechaniu kursorem na danie wyświetla sie obrazek z daniem, ale przebija , nazaw innego dania, które też jest do wyświetlenia jpg-a, jak to zniwelować ?

http://jsfiddle.net/EwFba/

tu strona:

strona

[Adis92]

z-index: 10;

[jeremiash]

Zapewne masz to zrobione na divach. Tak jak poprzednik radzi, ustaw z-index:wartosc;
przykładowo

[HTML] pobierz, plaintext 
#div podrzedny {
...
z-index:89;
 
}
 
#div obrazek {
...
z-index:90;
 
}
 
 
[HTML] pobierz, plaintext 

dodatkowo możesz też korzystać z prześwitów

[HTML] pobierz, plaintext 
#div obrazek {
...
z-index:90;
 
	 filter:alpha(opacity=88);
	opacity: 0.88;
	-moz-opacity:0.88;
}
 
[HTML] pobierz, plaintext 

pozdrawiam

[ciapus4]

A, mogę prośić gdzie wmieszać z- index do mojego kodu, żeby było ok ?

[Adis92]

[CSS] pobierz, plaintext 
 
    .naglowek {
    position: relative;
    background: ;
    }
 
    .obrazek {
    display: none;
    position: absolute; top: 10px;left:10px;
    width: 320px;
    height: 320px;
    border: solid 1px black;
    }
    .naglowek:hover .obrazek {
    display:block;
    background: green;
    z-index: 10; /* TUTAJ */
    }
 
[CSS] pobierz, plaintext 

Ten post edytował Adis92 9.12.2012, 20:57:19

[jeremiash]

[HTML] pobierz, plaintext 
 
 
<style>
    .naglowek {
    position: relative;
    background: ;
        z-index:69;
    }
 
    .obrazek {
    display: none;
    position: absolute; top: 10px;left:10px;
    width: 320px;
    height: 320px;
    border: solid 1px black;
    z-index:90;
    }
    .naglowek:hover .obrazek {
    display:block;
    background: green;
        z-index:70;
    }
    </style>
 
 
[HTML] pobierz, plaintext 

... i działa

[ciapus4]

z-index: 10; /* TUTAJ */ - a co ma się mieścić w /* tutaj */ ?, sorry ale jestem laikiem dopiero łykam kody

ale szybko dajecie odpowiedzi...

Ten post edytował ciapus4 9.12.2012, 21:01:58

[jeremiash]

nic. to komentarz. Zaznaczył Ci gdzie dokonał zmienę w Twoim kodzie

W celu zrozumienia kodu -> wyobraź sobie 100 kartek papieru ułożonych jedna na drugiej (taki stosik). z-index:wartosc; [1 - to ta na samym dole, 50 w środku, a 100 na górze]. Jeśli na danej części ekranu masz wywołaną kartkę(warstwę, pozycję z CSS o danej klasie lub indeksie): 1 to wywołanie każdej na tym samym fragmencie ekranu ,ale wyższym indeksie przysłoni tę 1. Rozumiesz?

Ten post edytował jeremiash 9.12.2012, 21:09:52

[ciapus4]

Tnx, jutro edytuje stronkę i dam znać, jesteście "debeściaki" pozdrawiam i dobrej nocy......

[Adis92]

Sprawdzone na Twojej stronie i działa. Jak potwierdzisz że działa to zaznacz ze temat rozwiązany !

Ten post edytował Adis92 9.12.2012, 21:20:22

[--ciapus4--]

Dziękuje wszystkim z porady, działa świetnie

dziękuje, tu efekt

Pozdrawiam