gpt4 book ai didi

html - 如何在三 Angular 形div中插入图像?

转载 作者:行者123 更新时间:2023-11-28 06:06:03 25 4
gpt4 key购买 nike

#d1{
width: 0;
height: 0;
border: 500px solid blue;
border-top-width: 0;
border-left-width: 0;
border-right-color: transparent;
border-left-color: transparent;
margin: 0px;
float:left;
}
#img1 {


}

#img2 {

}

#d2{
width: 0;
height: 0;
border: 500px solid ;
border-bottom-width: 0;
border-right-width: 0;
border-right-color: transparent;
border-left-color: transparent;
margin: 0px;
}
<html><head>

</head>

<body>
<div id ="d1"><a href="#"><img src ="Desert.jpg" id = "img1"/> </a> </div>
<div id ="d2"><a href="#"><img src ="#" id = "img2"> </a> </div>
</body></html>

我想在独立的三 Angular 形div中插入

但是我没有找到任何方法来实现我的想法

所以我写信是想寻求你的帮助。

请不要使用map tag(),我要独立区域

最佳答案

如果我没记错的话,您需要能够只单击 div 的三 Angular 形区域而不是他的所有正方形大小。

如果是这样,只需在 div onclick 函数中添加一个关于鼠标坐标的检查:你知道三 Angular 形的尺寸,例如,如果它用一条对 Angular 线切割正方形 div,那就是这样做的方法:

https://jsfiddle.net/3tdysenL/8/

这在右上角三 Angular 形的上部正方形上运行。如果您需要更复杂的坐标,只需记住笛卡尔坐标的高中公式即可了解点是否在三 Angular 形内。

希望对你有用

关于html - 如何在三 Angular 形div中插入图像?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/36444131/

25 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com