ugrás a tartalomhoz

JavaScript Menü + láthatóság

Anonymous · 2005. Már. 27. (V), 19.02
Sziasztok!
Az a problemam, hogy keszitettem egy javascript menut ami alatt van egy select menu. Amikor lenyitom a JS menut, akkor egy resze nem laccik a select miatt. tudja valaki hogy mi lehet az oka ?
itt egy pelda kod a problemamra:


<script type="text/javascript">
<!--
function lenyit(id) {
var lenyito = document.getElementById(id);
	for (var i = 1; i<=10; i++) {
		if (document.getElementById('menu'+i)) {document.getElementById('menu'+i).style.display='none';}
	}
if (lenyito) {lenyito.style.display='block'; lenyito.style.position='absolute';}
}
//-->
</script>
<style type=text/css>
dl, dt, dd, ul, li {
margin: 0;
padding: 0;
list-style-type: none;
}


#menu {
	width: 100px;
	height: 19px;
	border-bottom: 2px solid white;
	position: absolute;
	padding-left: 3px;
	text-align: center;
	font-size: 12px;
	}

#menu dl {
float: left;
color: white;

}
#menu dt {
cursor: pointer;
text-align: center;
font-weight: bold;
border: 1px solid white;
margin: 1px;
background-color: white;
color: white;

}
#menu dd {
display: none;
border: 1px solid white;
background-color: gray;

}

</style>


<div id=menu>

	<dl>
		<dt style="width:100px"; onmouseover="javascript:lenyit('menu1');"> 														<a href="#">Menu</a></dt>
		  <dd id="menu1" onmouseout="javascript:lenyit('');" onmouseover="javascript:lenyit('menu1');">
			<ul style="width: 100px; border: 1px solid white;">
				<li onMouseOver="this.style.backgroundColor='#F77394'" onMouseOut="this.style.backgroundColor='gray'"> 							<a href="#">			1	</a></li>
				<li onMouseOver="this.style.backgroundColor='#F77394'" onMouseOut="this.style.backgroundColor='gray'"> 							<a href="#">			2 	</a></li>
				<li onMouseOver="this.style.backgroundColor='#F77394'" onMouseOut="this.style.backgroundColor='gray'"> 							<a href="#">			3  	</a></li>
				<li onMouseOver="this.style.backgroundColor='#F77394'" onMouseOut="this.style.backgroundColor='gray'"> 							<a href="#">			4    	</a></li>
				<li onMouseOver="this.style.backgroundColor='#F77394'" onMouseOut="this.style.backgroundColor='gray'"> 							<a href="#">			5 	</a></li>
				<li onMouseOver="this.style.backgroundColor='#F77394'" onMouseOut="this.style.backgroundColor='gray'"> 							<a href="#">			6	</a></li>
				<li onMouseOver="this.style.backgroundColor='#F77394'" onMouseOut="this.style.backgroundColor='gray'"> 							<a href="#">			7	</a></li>
				<li onMouseOver="this.style.backgroundColor='#F77394'" onMouseOut="this.style.backgroundColor='gray'"> 							<a href="#">			8	</a></li>
			</ul>
		  </dd>
	</dl>
	</div>
<br><br>
<select size=5>
<option>dadasa1</option>
<option>dadasa2</option>
<option>dadasa3</option>
<option>dadasa4</option>
<option>dadasa5</option>
<option>dadasa6</option>
<option>dadasa7</option>
<option>dadasa8</option>
<option>dadasa9</option>
<option>dadasa10</option>
</select>
 
1

Anonymus = fudom

fudom · 2005. Már. 27. (V), 22.25
Ez en voltam, csak elfelejtettem belepni. :$
2

z-index?

Anonymous · 2005. Már. 28. (H), 00.17
talán a z-index segít.
3

talan...

fudom · 2005. Már. 28. (H), 00.30
talan igen, de vagy nem jol csinaltam vagy nem muxik. nem tom. te hogyan oldanad meg z-index -el ?