CSS3フルスクリーンスライドショースタティックナビゲーション

私はこの男hereのおかげでCSS3フルスクリーンスライドショーを使用しており、その上にナビゲーションを配置したいと考えています。しかし、私がそれをしたとき、それはスライドショーと一緒に消える。CSS3フルスクリーンスライドショースタティックナビゲーション

バックグラウンドと相互作用しないようにコードを変更するにはどうすればよいですか？ナビゲーションは静的で、全画面スライドショーとやりとりしないようにするには？私はそれの例を持っていますhere。

NAV

のHTML

  <div class="nav"> 
     <nnedi>Nnedimma</nnedi><br><nnedi>Ugochukwu</nnedi> 
     <ul class="nav cl-effect-1"> 
      <li><a href="#">Home</a></li> 
      <li><a href="china.html" target="content">China</a></li> 
      <li><a href="light.html" target="content">Light</a></li> 
      <li><a href="travel.html" target="content">Travel</a></li> 
      <li><a href="#" target="content">Cyanotypes</a></li> 
      <li><a href="#" target="content">Self</a></li> 
      <li><a href="#" target="content">School</a></li> 
      <li><a href="#" target="content">Vector Portraits</a></li> 
      <li><a href="#" target="content">About</a></li> 
     </ul>

出典

2017-04-12 Nnedi Ugo

Modernizr機能に次の行を見つけ、

nav|"e=d.html5elements||"abbr|article|aside|audio|canvas|datalist|details|figcaption|figure|footer|header|hgroup|mark|meter|nav|output|progress|section|summary|time|video

出典

2017-04-12 05:06:23 Difster

をチェックを外し。 –

残念ながら動作しませんでした。この

<body> 
<ul class="cb-slideshow"> 
<li><span>Image 01</span></li> 
<li><span>Image 02</span></li> 
<li><span>Image 03</span></li> 
<li><span>Image 04</span></li> 
<li><span>Image 05</span></li> 
<li><span>Image 06</span></li> 
</ul> 

<div class="nav"> 
<nnedi>Stacy<br/>Cool</nnedi> 
<ul class="nav cl-effect-1"> 
    <li><a href="#">Home</a></li> 
    <li><a href="china.html" target="content">China</a></li> 
    <li><a href="light.html" target="content">Light</a></li> 
    <li><a href="travel.html" target="content">Travel</a></li> 
    <li><a href="#" target="content">Cyanotypes</a></li> 
    <li><a href="#" target="content">Self</a></li> 
    <li><a href="#" target="content">School</a></li> 
    <li><a href="#" target="content">Vector Portraits</a></li> 
    <li><a href="#" target="content">About</a></li> 
</ul> 
</div> 

</body>

https://jsfiddle.net/durga598/2oyrgtgf/8/

出典

2017-04-12 05:08:29 Durga

ありがとうございます！これは助けになった！ –

@NnediUgo乾杯！ – Durga

CSS3フルスクリーンスライドショースタティックナビゲーション

答えて

関連する問題