Bonsoir à tous,
J'ai une div d'ouverture (fullscreen) en z-index:1 que j'aimerais masquer, ou passer en z-index:-1 lors d'un clic via la barre des menus ou via le lien sur la div "polina". Et la faire réapparaître (ou refaire passer en z-index:1) en cliquant sur
Je suis bien tombé sur ce lien http://forum.alsacreations.com/topic-5-68105-1-Changer-le-css-au-clic-sur-un-element.html mais je n'y comprends pas grand chose, voir rien du tout
Le html est assez basique :
Je ne sais pas encore quel sera le script idéal pour ma page d'où une double question
Merci pour votre aide et bon week-end,
D.
J'ai une div d'ouverture (fullscreen) en z-index:1 que j'aimerais masquer, ou passer en z-index:-1 lors d'un clic via la barre des menus ou via le lien sur la div "polina". Et la faire réapparaître (ou refaire passer en z-index:1) en cliquant sur
<a class="logo" href="#">Logo</a>
Je suis bien tombé sur ce lien http://forum.alsacreations.com/topic-5-68105-1-Changer-le-css-au-clic-sur-un-element.html mais je n'y comprends pas grand chose, voir rien du tout
Le html est assez basique :
<header class="main_header">
<div class="menu">
<div class="content"><a class="logo" href="#">Logo</a>
<div class="mobile-toggle"> <span></span> <span></span> <span></span> </div>
<nav>
<ul>
<li><a href=".sec01">Section 01</a></li>
<li><a href=".sec02">Section 02</a></li>
<li><a href=".sec03">Section 03</a></li>
<li><a href=".sec04">Section 04</a></li>
</ul>
</nav>
</div>
</div>
</header>
<h1><span><a href="#section01">Test</a></span><br>Navigation</h1>
<div id="bg">
<div id="bg1">
<h1>joli titre</h1>
<div id="polina">
<h1>Polina</h1>
<p>Encore une page test</p>
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Curabitur porta dictum turpis, eu mollis justo gravida ac. Proin non eros blandit, rutrum est a, cursus quam. Nam turpis eros sollicitudin lacus, at convallis mauris magna non justo. Etiam et suscipit elit. Morbi eu ornare nulla, sit amet ornare est. Sed vehicula ipsum a mattis dapibus. Etiam volutpat vel enim at auctor.</p>
<img src="../test/nwvjv57YA31u99f8jo1_540.jpg" width="515" height="810" alt=""/> <a href=".sec01">Section 01</a>
</div></div>
<div id="bg2">
<div>
<h1>Polina2</h1>
<p>Aenean pharetraam <a href=".sec01">Section 01</a> tuntesque. Vestibulum et metus lectus. Nunc consectetur, ipsum in viverra eleifend, erat erat ultricies felis, at ultricies mi massa eu ligula. Suspendisse in justo dapibus metus sollicitudin ultrices id sed nisl.</p>
</div>
</div>
Je ne sais pas encore quel sera le script idéal pour ma page d'où une double question
Merci pour votre aide et bon week-end,
D.