我正在创建一个角落横幅用于几个网站，我正在使用以下CSS方法创建一个三角形;
#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广告的重点。它工作得很好，除了整个方形区域的按钮是活动的，这将覆盖太多的网站。是否可以使透明区域不可点击？
我尝试了另一种旋转和隐藏的方法，但这需要在主体上有一个隐藏的溢出，这在网站上不起作用。
这是jsfiddle
答案 0 :(得分：2)
你能在链接周围做一个div并给它一个隐藏的溢出，而不是把隐藏的溢出放在身体上吗？
答案 1 :(得分：0)
根据我在评论中的建议，以下是使用<map>和<area>标记的图片上的示例三角形按钮：
<img id="corner-ad-btn" width="420" height="420" usemap="corner-ad-map" src="#" />
<map name="corner-ad-map">
<area shape="poly" coords="0,0,420,0,420,420" href="#"></area>
</map>