CSS położenie na warstwie?


(master of disaster) #1

Witam!

Mam tzw. Sliding Jquery Menu już sobie go trochę pozmieniałem ale teraz gdy menu się wysuwa, to tło (wysuniętego menu) , jest pod pod contentem strony (tekstem lub obrazkami) a linki są normalnie nad.

Co zrobić aby tło zasłaniało stronę ?

css

ul, li {

	margin:0; 

	padding:0; 

	list-style:none;

}


.the_menu {

	display:none;

	width:300px;

	border: 1px solid #1c1c1c;

}


.the_menu li {

	background-color: #302f2f;

}


.the_menu li a {

	color:#FFFFFF; 

	text-decoration:none; 

	padding:10px; 

	display:block;

}


.the_menu li a:hover {

	padding:10px;

	font-weight:bold;

	color: #F00880;

}


#button {

	background:url(img/button.gif);

	width:324px;

	height:12px;

	background-repeat:no-repeat;

	float:left;

	}

html:

  • A Website #1
  • A Website #2
  • A Link #1
  • A Link #2
  • A Website #3
  • A Website #4
  • A Link #3
  • A Link #4
    [/code]

Próbowałem z-index2 ale nic to nie dało...

Plx pomocy !!

Pozdrawiam


(Blotny) #2

ee, a z-index (bez dwa)?


(Marcin E Pc) #3

nIEstety z-index niektóre z przeglądarek jeszcze nie obsługują (czyt. IE)


(mario@) #4

A niby od kiedy ?

/////////////////////////////

Np.

#button {

       background:url(img/button.gif);

       background-repeat:no-repeat;

       float:left;

       position:absolute;z-index:9999;

       }

button.png
[/code] Dla linku (plus zmiana w js dla a)
[code]

asd
-
- A Website #1
- A Website #2
- A Link #1
- A Link #2
- A Website #3
- A Website #4
- A Link #3
- A Link #4


(master of disaster) #5

mario@ , Wielkie dzięki, wszystko działa :slight_smile:


(Marcin E Pc) #6

(mario@) #7

ptasior w przykładzie który podałeś złe wyświetlanie pod IE wcale nie jest spowodowane z-index wywal go to efekt końcowy będzie dalej taki sam - następnie z div.down wywal float:left i zobacz na efekt . Później w div.up top:0 zamień na top:-300px; i jaki jest efekt :wink: Jedyna wada to dłuższy pasek przewijania co jest normalne przy position: relative; (element dalej zajmuje swoje miejsce) można zastosować position:absolute ale wtedy trzeba ustawiać lleft: (przy top:0 ). Niewątpliwie jest to jakaś wada (Twój przykład) na IE ale czy takie pozycjonowanie jest opłacalne.