在图像或视频上放置图标
问题:
您需要在图像或视频上放置图标图像或视频,将其与左下角对齐。单击时,该图标应触发图像的下载提示。
解决方案:
要实现所需的定位,需要在图像周围创建一个相对容器。然后,将图标的位置设置为绝对位置。这是一个代码示例:
.container {
position: relative;
}
.container img {
display: block;
}
.container .fa-download {
position: absolute;
bottom: 0;
left: 0;
}
Bootstrap 3 Font-Awesome:
是的,同样的方法适用于 Bootstrap 3 Font-Awesome。将上面代码中的 Font Awesome 版本替换为以下内容:
免责声明: 提供的所有资源部分来自互联网,如果有侵犯您的版权或其他权益,请说明详细缘由并提供版权或权益证明然后发到邮箱:[email protected] 我们会第一时间内为您处理。
Copyright© 2022 湘ICP备2022001581号-3