在引導程序「img-responsive」div上添加按鈕

在我的網頁中，我創建了一個div，並在其中添加了「img-responsive」類。它工作得非常好，並且完美地縮放。但是，我需要在它上面添加一個按鈕，並且到目前爲止，我唯一的方法是使用CSS屬性「position：absolute」並定義它的位置。這確實有用，但是當我調整瀏覽器的大小時，按鈕不會與網頁一起縮放，並且隱藏在較小的屏幕上。我怎樣才能解決這個問題？在引導程序「img-responsive」div上添加按鈕

這裏是什麼我的網頁的標題看起來就像圖像：http://postimg.org/image/xdols29nn/

這是我的div是什麼樣子：

<div style="position:relative;" class="img-responsive" > 
     <img src="images/mac2.png" width="1440" class="img-responsive" > 
      <div> 

        <input style="position:absolute; left: 1130px; top:35px;"type="button" value="Button" href="#sidr" id="simple-menu"> 

      </div> 

    </div>

來源

2013-08-17 ThatGuyThere

你有沒有嘗試過這樣做（讓你的按鈕，然後你圖像寬度：100％）。這將迫使他們既要響應與他們在任何容器相同的寬度，而不需要任何的定位：

<div class='row'> 
    <button class='btn btn-default' style='width:100%;'>button</button> 
    <img src="data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSI5MDAiIGhlaWdodD0iNTAwIj48cmVjdCB3aWR0aD0iOTAwIiBoZWlnaHQ9IjUwMCIgZmlsbD0iIzY2NiIvPjx0ZXh0IHRleHQtYW5jaG9yPSJtaWRkbGUiIHg9IjQ1MCIgeT0iMjUwIiBzdHlsZT0iZmlsbDojNDQ0O2ZvbnQtd2VpZ2h0OmJvbGQ7Zm9udC1zaXplOjU2cHg7Zm9udC1mYW1pbHk6QXJpYWwsSGVsdmV0aWNhLHNhbnMtc2VyaWY7ZG9taW5hbnQtYmFzZWxpbmU6Y2VudHJhbCI+U2Vjb25kIHNsaWRlPC90ZXh0Pjwvc3ZnPg==" style='width:100%;height:auto;' /> 
</div>

讓我知道如果我在錯誤的軌道上。

來源

2014-02-22 00:04:10 calamari

在引導程序「img-responsive」div上添加按鈕

回答

相關問題