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
y este es mi css
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>
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;
}Valora esta pregunta
0
