twitter-bootstrap - 如何在用户图像灰色背景或褪色背景上显示复选框？

Question

你能告诉我如何在上面的用户图像上显示复选框并在用户图像上显示灰色背景或灰色背景这是我的代码 https://jsbin.com/wikudiqeye/2/edit?html,css,output

<img class="img" src="https://upload.wikimedia.org/wikipedia/en/thumb/c/c0/Abhishek_Pujari_User_Image.jpeg/1600px-Abhishek_Pujari_User_Image.jpeg
">
    </div>

    <div style="float: left;width: 20%;
                                font-size: 5rem;
                                color: green;
                                 position: absolute;
                                text-align: center;">
        <span class="glyphicon glyphicon-ok"></span>
    </div>

像这样看

标签： twitter-bootstrapcss

Answer 1

HTML：

<h1>Hello, world!</h1> 
<div id="container">
<img class="img"  src="https://upload.wikimedia.org/wikipedia/en/thumb/c/c0/Abhishek_Pujari_User_Image.jpeg/1600px-Abhishek_Pujari_User_Image.jpeg">
 <span id="icon" class="glyphicon glyphicon-ok"></span>
 </div>

CSS：

.img {
 width: 200px;
 position: absolute;
}
#container {
 position: relative;
}

#icon {
 position: absolute;
 font-size: 5rem;
 color: green;
 top: 30px;
 left: 145px;
}