相关疑难解决方法(0)

如何在图像上放置图标？

如何在图像上放置FontAwesome下载图标？我希望它位于图像的左下角。当用户单击下载图标时，出现提示，询问他们是否要下载图像。

像这样：

相关代码

<!-- font awesome CSS -->
<link rel="stylesheet" href="https://use.fontawesome.com/releases/v5.7.1/css/all.css" integrity="sha384-fnmOCqbTlWIlj8LyTjo7mOUStjsKC4pOpQbqyi7RrhN7udi9RwhKkMHpvLbHG9Sr" crossorigin="anonymous">

<!-- download icon -->
<a href="https://loremflickr.com/320/240/dog" download="new-filename"><i class="fas fa-download"></i></a>

<!-- image of dog -->
<img src="https://loremflickr.com/320/240/dog" alt="dog">

Run Code Online (Sandbox Code Playgroud)

此方法是否也适用于bootstrap 3 font-awesome？我可能想在左下角添加一个这样的按钮：