CSS - mi menu se ve afectado por otras divisiones

 
Vista:
Imágen de perfil de Anderson
Val: 1
Ha aumentado su posición en 16 puestos en CSS (en relación al último mes)
Gráfica de CSS

mi menu se ve afectado por otras divisiones

Publicado por Anderson (1 intervención) el 07/08/2019 18:51:29
ayuda el menu de mi pagina web se ve afectado por un fondo de pantalla con degradado cuando lo pongo transparente con la funcion opacity

lo que quiero hacer es que tenga la funcion de ser transparente sin afectar al menu
este es mi html
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
<!DOCTYPE html>
<html>
<head>
	<title></title>
	<meta http-equiv="content-type" content="text/html; charset=iso-8859-1">
	<meta charset="utf-8">
	<link rel="stylesheet" type="text/css" href="css/estilos.css">
	<link rel="stylesheet" type="text/css" href="style.css">
</head>
<body>
	<div id="logo">
 
		</div>
 
	<div id="General">
 
		    <div id="Menu">
 
	            <nav>
	            	<ul>
			            <li><a href="index.html">Inicio</a></li>
				        <li><a href="imagenes.html">Galeria</a></li>
				        <li><a href="videos.html">Videos</a></li>
				        <li><a href="">Cosas</a></li>
				        <li><a href="contacto.html">Contactanos</a></li>
			        </ul>
		    </nav>
		    <img src="css/img/logo.png" style="position: center; margin-left: 100px;" >
 
	    </div>
	    <div id="Portada" class="portada">
	    	<div class="Portada"></div>
	    	<h1>Programacion Web</h1>
	    </div>
	    <div id="Division">
	        <h1>El tiempo que se pierde nunca se vuelve a encontrar...</h1>
 
	    </div>
	    <div id="Principal">
		</div>
		<div id="Novedades">
 
		</div>
 
 
	</div>
 
 
</body>
</html>
y este es mi css
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
*{
	margin: 0px;
	padding: 0px;
 
}
 
@font-face{
	font-family: ProximaNovaSoftW03;
	src: url(fuentes/fuente.ttf);
}
 
h1{
	font-family: ProximaNovaSoftW03;
}
 
body{
	font-family: ProximaNovaSoftW03;
}
 
div#menu img{
	background-image: url(img/logo.png);
	width: 100px
	height: 100px;
	z-index: 20;
	position: center;
}
 
div#General{
	width: 100%;
	position: center;
	height: 5000px;
	background-color: gray;
	z-index: 2;
}
 
div#Menu{
	width: 100%;
	position: top;
	position: fixed;
	height: 55px;
	background-color: #454545;
	margin-top: 0px;
}
 
div#Portada{
	background-image: url(img/edificio.jpg);
	width: 100%;
	height: 720px;
}
.Portada{
	content: "";
	left: 0;
	width: 100%;
	height: 720px;
	opacity: 0.5;
	background: linear-gradient(to bottom right, purple , blue);
}
div#Division{
	width: 100%;
	height: 50px;
	background: linear-gradient(to right, #333333 , gray, #333333); 
	border: black 5px solid;
 
}
div#Division h1{
	font-family: cursive;
	text-decoration: none;
	text-align: center;
	padding: 03px 20px;
}
div#Principal{
	width: 76%;
	height: 100%;
	background-color: white;
}
 
div#Novedades{
 
}
 
 
 
nav {
	font-family: url(fuentes/fuente.ttf);
	position: absolute;
	bottom: 0;
	width: 100%;
	height: 55px;
	text-align: center;
}
 
nav li {
	display: inline-block;
	padding: 15px 30px;
}
nav li a {
	color: white;
	font-size: 130%;
	font-weight: bold;
	text-decoration: none;
 
}
 
nav li:hover{
	background-color: #2c2c2c;
}

Captura2
CapturaCaptura
Valora esta pregunta
Me gusta: Está pregunta es útil y esta claraNo me gusta: Está pregunta no esta clara o no es útil
0
Responder
sin imagen de perfil
Val: 18
Ha mantenido su posición en CSS (en relación al último mes)
Gráfica de CSS

mi menu se ve afectado por otras divisiones

Publicado por SoyLaTrufa (6 intervenciones) el 12/09/2019 22:02:10
Amigo
solo tenés que agregar la siguiente linea
1
2
3
div#Menu{
  z-index: 9;
}

Saludos
Valora esta respuesta
Me gusta: Está respuesta es útil y esta claraNo me gusta: Está respuesta no esta clara o no es útil
0
Comentar