（Bootstrap）在懸停按鈕上的響應式圖像？

Question

我想在懸停時在按鈕上顯示圖像。我知道Bootstrap，我可以添加.img-responsive類，同時在HTML中聲明圖像，但我似乎無法正確地與我試圖加載圖像。按鈕本身已經響應。我使用了幾塊CSS，並通過CSS預加載圖像。這是什麼最好的方式呢？

另外，有沒有辦法添加某種動畫來顯示圖像？就像從圖片底部向上滾動圖片一樣？

Answer 1

有沒有看過.img-responsive呢？它沒有太大的作用。我建議您覆蓋該課程並應用您認爲最適合您網站的實際響應式設計。從boostrap.css兩者

：

.img-responsive{ 
     display: block; 
     max-width: 100%; 
     height: auto; 
    } 

您也可以使用下面的，如果你已經知道你的形象應該是怎樣看待某些屏幕尺寸

@media screen and (min-width:500px) { 
    .img-responsive{ 
    //... 
    } 
} 

對於動畫。您可以將其初始化爲隱藏狀態，然後等待圖像完成加載。那麼你可以做$(#imageId).show("fast");（或「慢」）。或者，如果你想完全控制你的動畫，那麼我建議你關注如何做到這一點的jQuery文檔。