我有一个三角形:
#tri{
width: 0;
height: 0;
float: right;
border-top: 25px solid red;
border-left: 25px solid transparent;
}
我希望整个三角形区域成为一个链接,所以我做了:
<a href="...">
<div id="tri">
</div>
</a>
而且我还希望该区域“剪切”背景图像,以便它不是红色,而是图像的三角形部分。
我尝试了很多东西,但老实说,我只是在猜测 - 将其添加#tri
为背景图像,添加img
到div
元素中,因为您已经知道这些都不起作用。
我认为这是可能的,但我找不到示例、教程或类似的演示。
谁能帮我一把?