2016-12-21 8 views
-7

私は自分のウェブサイトに追加したウィジェットに関連付けられたリンクを無効にするにはどうすればよいですか?私は彼らが提供したHTMLコードを実装する以外のものにアクセスすることはできません。リンクのページの一番下にあるTrustpilotウィジェットがその例です。ウィジェットをクリックすると、Trustpilotsのウェブサイトに移動しますが、そのようなことは起こりたくありません。 https://goldsilver.com/別のサイトのウィジェットからリンクを除外する方法

+8

ウィジェットが無料の場合は、ライセンスルールに違反していると思います。 –

答えて

0

あなたはこのように、特定のタグに、このCSSのプロパティを与えることができます:

a { pointer-events: none; } 

a.disabled_link { 
 
    pointer-events: none; 
 
}
<a class="disabled_link">Any Link</a>
ところで

は、あなたがが提供するウィジェットには、このことを行うことはできませんベンダーは、そのポリシーに反して。

0

ウィジェットはiframeで、iframeがクロスドメインの場合(iframeソースファイルがサイトにないため)、その内部の任意の部分を変更することはできません。 オーバーレイのdivを置くこともできますが、iframeのクリックをすべてブロックすることになります。

ところで

、あなただけの学習目的のためにその彼らの政策に対する〜Saumya Rastogi

として、ベンダーが提供するウィジェットには、このことを行うことはできません。

#widget { 
 
    width: 450px; 
 
    height: 350px; 
 
    border: 1px solid black; 
 
    position: relative; 
 
} 
 
#widget > iframe { 
 
    border: 0; 
 
    position: absolute; 
 
    width: 100%; 
 
    height: 100%; 
 
    top: 0; 
 
    left: 0; 
 
    z-index: 1000; 
 
} 
 
#widget:after { 
 
    content: ""; 
 
    position: absolute; 
 
    width: 100%; 
 
    height: 100%; 
 
    top: 0; 
 
    left: 0; 
 
    z-index: 2000; 
 
}
<div id="widget"> 
 
    <iframe src="https://widget.trustpilot.com/trustboxes/539ad0ffdec7e10e686debd7/index.html?locale=en-US&templateId=539ad0ffdec7e10e686debd7&businessunitId=4bf1926500006400050c99f2&styleHeight=350px&styleWidth=100%25&theme=light&stars=4%2C5"></iframe> 
 
</div>

関連する問題