2016-07-23 90 views
0

我想添加兩個按鈕重疊的圖像與HREF,我也使用引導框架,並希望使用-Danger和 - 按鈕矩形的成功類型。我本地文件夾中的圖像是:Images/RL.jpg 謝謝你們!我想添加兩個按鈕重疊它使用純HTML的圖像的中心

<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> 
+1

可以顯示一些代碼或在這裏添加小提琴 – Vaibhav

+0

是的,但它到目前爲止是img src「images/rl.jp」 – VextraDEV

+1

請在您的代碼(HTML/CSS/JS)中發佈**最小工作示例** [Snippet ](https://blog.stackoverflow.com/2014/09/introducing-runnable-javascript-css-and-html-code-snippets/)。參見[mcve]和[問]。 – vanburen

回答

0

您可以使用background-image代替img標籤。

此外,您還可以使用類.text-center而不是使用center標籤(這是不好的做法,反正)

事情是這樣的:

.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>

相關問題