ページを絞り込むとクリックできない要素

終了ページ要素に問題があります。私は自分のページの右側に大きな「X」を作成します。これは現在のコンテンツを終了するためのクリック可能な要素です。私は、ページの最上部中央の上のロゴイメージを持っているページを絞り込むとクリックできない要素

.section-modal .close-modal { 
    position: fixed; 
    top: 25px; 
    right: 25px; 
    width: 75px; 
    height: 75px; 
    background-color: transparent; 
    cursor: pointer; 
} 

.section-modal .close-modal:hover { 
    opacity: .3; 
} 

.section-modal .close-modal .lr { 
    z-index: 1051; 
    width: 5px; 
    height: 75px; 
    margin-left: 35px; 
    background-color: #222; 
    -webkit-transform: rotate(45deg); 
    -ms-transform: rotate(45deg); 
    transform: rotate(45deg); 
} 

.section-modal .close-modal .lr .rl { 
    z-index: 1052; 
    width: 5px; 
    height: 75px; 
    background-color: #222; 
    -webkit-transform: rotate(90deg); 
    -ms-transform: rotate(90deg); 
    transform: rotate(90deg); 
}

：

は、この要素のコードがあります。ここにコードがあります：

 <div class="close-modal" data-dismiss="modal"> 
     <div class="lr"> 
     <div class="rl"> 

     </div> 
     </div> 
     </div> 

     <div class="container"> 
     <div class="row"> 
      <div class="col-md-12 col-sm-12"> 
       <img src="img\Logo2.png" class="img-responsive" style="margin: 0 auto; z-index: -1" alt="...">

私はロゴの近くに「X」がありますが、クリックしてメインページに戻ることはできません。私はこの解決策を解決することはできません。助けてください。

さらに詳しい情報が必要な場合は、質問を編集してください。

出典

2016-05-29 Sowiarz

あなたのコードから伝えるのは難しいですが、私はロゴが 'x'ボタンと重なっているということを推測しています。確認するには、 'x'を右クリックして 'Inspect element'を選択してください。

要素]タブを「X」にimgタグに注目していない開いている場合、それはあなたの問題であり、それをZインデックスを与え、それを解決するために：。

.section-modal .close-modal { 
    position: fixed; 
    top: 25px; 
    right: 25px; 
    width: 75px; 
    height: 75px; 
    background-color: transparent; 
    cursor: pointer; 
    z-index: 100 
}

出典

2016-05-29 14:49:52 Tomer

私は私のコードで1つのZインデックスを逃し正しいです。どうもありがとう！ – Sowiarz

これはあるかもしれませんスタッキングコンテキストの問題Zインデックスの行動を完全に理解するための

もっとに関する情報：

出典

2016-05-29 15:21:20

ページを絞り込むとクリックできない要素

答えて

関連する問題