私の部門に埋め込まれたリンクはクリックできません

Question

私のウェブサイトでは、ページにリンクするためのフッターにトリップウィジェットを取得できません。クリックすると登録されません。

誰かがこれがなぜ起こっているのか説明できますか？

ここでは、ウィジェットのHTMLとCSSです：

<div class="tripAdvisorFooter"> 
    <a target="_blank" href="https://www.tripadvisor.co.uk/Hotel_Review-g3801136-d11918090-Reviews-Timber_Trail_Lodge-Pureora_Forest_Park_Manawatu_Wanganui_Region_North_Island.html"> 
    <picture> 
     <source media="(max-width: 500px)" srcset="https://www.tripadvisor.co.nz/img/cdsi/img2/badges/ollie-11424-2.gif"> 
     <img src="https://www.tripadvisor.co.uk/img/cdsi/img2/branding/tripadvisor_logo_transp_340x80-18034-2.png"> 
    </picture> 
    </a> 
</div> 

    .tripAdvisorFooter { 
     position: absolute; 
     left: 180px; 
     } 
    .tripAdvisorFooter a { 
     z-index: 1; 
    } 
    @media only screen and (max-width: 500px) {  
    .tripAdvisorFooter { 
     top: 80px; 
     left: 30px; 
    } 
    } 

あなたが他のウィジェットを見ている場合、あなたは彼らがまだほとんどまったく同じコードを使用するクリック可能であることを確認することができます。

また、メモするのが便利な場合は、Wordpressを使用しています。それが何か変わったら教えてください。

Answer 1

クイックフィックスでは、tripAdvisorFooterクラスにZ-インデックスを追加します。

.tripAdvisorFooter { 
    z-index: 999; 
} 

このクラスは、絶対的な位置に設定されているので、それの右へのリンクは、上記またがり、左にすべての方法、それは上記の座っているので、あなたはトリップリンクをクリックすることができないような何か。