CSS - Problemas con menú y efecto parallax

   
Vista:

Problemas con menú y efecto parallax

Publicado por Andrés (1 intervención) el 30/12/2014 13:51:19
Colegas, estoy desarrollando un sitio http://designio.cl/consejo/ resulta que tengo un problema con el menú principal. Al hacer scroll los enlaces del menú pierden la sensibilidad, claramente a causa de un conflicto entre clases. Ya fundí mis capacidades resolutivas. Si alguien me puede ayudar estaría muy agradecido.
Aprovecho de presentar la fuente del efecto parallax desarrollado exclusivamente con CSS, lo encontré genial: http://codepen.io/keithclark/pen/JycFw

CSS menú

header .logo-semana { width: 164px; height: 80px; position: absolute; top: 0; bottom: 0; left: 20px; margin: auto 0; }
header ul.menu { width: 620; position:absolute; top: 0; right: 0; list-style: none; }
header ul.menu li { display: inline; }
header ul.menu li a { font-family: 'Oswald', Arial, sans-serif; font-size: 0.8em; color: #fff; line-height: 1.4em; font-weight: 300; }
header ul.menu li a { width: 12,5%; height: 77px; display: block; float: left; padding: 10px 13px 0 13px; transition: all .2s ease; }
header ul.menu li a:hover { color: #70CCD9; }
header ul.menu li a.active { border-bottom: #70CCD9 3px solid; }

CSS parallax

html { height: 100%; overflow: hidden; }
body { height: 100%; perspective: 1px; /*transform-style: preserve-3d; */overflow-y: scroll; /*overflow-x: hidden; */}
.slidex { width: 100vw; min-height: 75vh; position: relative; top: 82px; box-sizing: border-box; transform-style: inherit; }
#slide1 { transform: translateZ(-1px) scale(2); z-index:-100; }
#slide2 { background: url(images/bg.gif); background-attachment: fixed; }
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