画像の中央に2つのボタンを追加しようとしています。

Question

HREFの画像と重なっている2つのボタンを追加しようとしています。また、Bootstrap Frameworkを使用しています。ボタンのタイプも長方形です。ローカルフォルダ内の画像は：Images/RL.jpg ありがとうございました！

<img src="images/rl.jpg" /> 
<center> 
    <button type="button" class="btn btn-success">Success</button> 
    <button type="button" class="btn btn-danger">Danger</button> 
</center> 

Answer 1

あなたはbackground-imageの代わりimgタグを使用することができます。

.wrapper { 
 
    background:url(http://i.stack.imgur.com/XIoGh.jpg); 
 
    padding: 150px 0; 
 
}

<link href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.6/css/bootstrap.min.css" rel="stylesheet"/> 
 
<div class="wrapper text-center"> 
 
    <button type="button" class="btn btn-success">Success</button> 
 
    <button type="button" class="btn btn-danger">Danger</button> 
 
</div>