Javascript 在图像css的右上角显示黑色覆盖的图标
我使用jquery lightbox滑块显示图像,lightbox滑块将图像动态插入lightbox容器。我想在图像上有一个心形图标,将其标记为收藏夹。我如何使用css来定位图像右上角有黑色覆盖的图标。Javascript 在图像css的右上角显示黑色覆盖的图标,javascript,jquery,html,css,Javascript,Jquery,Html,Css,我使用jquery lightbox滑块显示图像,lightbox滑块将图像动态插入lightbox容器。我想在图像上有一个心形图标,将其标记为收藏夹。我如何使用css来定位图像右上角有黑色覆盖的图标。 提前谢谢 因为您还没有发布任何代码,这里是一个基本的CSS和HTML,用于一般情况 CSS: HTML: 。(我没有在imgur储存心脏,但是+可以…相关代码在哪里。。?我们应该从头开始创建一个滑块,还是使用我们的第六感来可视化您的标记。。?oYes我们知道你有它在运行,问题是,为了帮助你,
提前谢谢 因为您还没有发布任何代码,这里是一个基本的CSS和HTML,用于一般情况 CSS: HTML:
。(我没有在imgur储存心脏,但是
+
可以…相关代码在哪里。。?我们应该从头开始创建一个滑块,还是使用我们的第六感来可视化您的标记。。?oYes我们知道你有它在运行,问题是,为了帮助你,我们是否应该从头开始制作一个滑块并使用它?既然你已经有了它,难道你不能简单地发布代码或共享一个来帮助那些试图帮助你的人吗。。?
.sliderImgWrapper {
position: relative;
width: 200px;
height: 300px;
border: 2px solid #000000;
}
.overlay {
position: absolute;
top: 0px;
right: 0px;
border-top: 50px solid #000000;
border-left: 50px solid transparent;
}
.overlayImage {
position: absolute;
top: -50px;
left: -25px;
}
<div class="sliderImgWrapper">
<div class="overlay">
<img class="overlayImage" src="src_of_img" />
</div>
</div>