html - Angular 横幅 CSS

Question

我正在创建一个在一些网站中使用的 Angular 横幅，并且我正在使用以下 CSS 方法来创建三 Angular 形；

#corner-ad-btn {
position: absolute;
top:0;
right:0;
width:0px;
height:0px;
border-top: 420px solid #fff;
border-left: 420px solid transparent;
z-index: 100;}

我在 html 中使用的是它；

<a href="#" id="corner-ad-btn">

它位于实际 jpg 广告的顶部。它工作得很好，除了按钮在整个方形区域处于事件状态，这将覆盖网站的太多部分。是否可以让透明区域不可点击？

我尝试了另一种方法，其中 did 被旋转和隐藏，但这需要主体上有一个隐藏的溢出，这在网站上不起作用。

这是一个jsfiddle

Answer 1

你能在链接周围创建一个 div 并给它一个隐藏的溢出，而不是把隐藏的溢出放在正文上吗？