如何从另一个网站的小部件中分配链接

Question

如何禁用与我添加到我的网站上的小部件相关联的链接？除了他们提供的实现HTML代码外，我无法访问任何内容。例如，链接中页面底部的Trustpilot小部件。如果你点击这个小部件，它会把你带到Trustpilots网站，但我们不希望这样的事情发生。 https://goldsilver.com/

Answer 1

你可以给这个CSS属性到特定的标签是这样的：

a { pointer-events: none; } 

a.disabled_link { 
 
    pointer-events: none; 
 
}

<a class="disabled_link">Any Link</a>

顺便说一句，你不能做这个事情被提供的部件供应商，因为它违背了他们的政策。

Answer 2

该小部件是一个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>