2017-02-13 36 views
-4

當我懸停第一張圖片時,我想要顯示紅色線條和矩形以及名稱。 如何使用HTML & CSS做到這一點?除此之外,它應該是響應!它具有絕對位置懸停子元素html顯示文字和圖片懸停時的形狀

picture 1: before hover

picture 2: on hover

+1

你不能只是請人編寫代碼爲您服務。這個問題不涉及具體問題,而且過於寬泛。 – NotABlueWhale

+0

感謝您的評論,但我不想要代碼!我只需要知道是否有任何特定的技術來做到這一點。 – Behnam8

+2

這不是你的[第一](廣泛](http://stackoverflow.com/questions/28957798/)(http://stackoverflow.com/questions/38588911/some-images-does-not-show-in-firefox)使用下一個和上一個按鈕的長列圖)[問題](http://stackoverflow.com/questions/27101150/conflict-between-sql-server-2008-r2-and-2012) - 請訪問幫助中心和[瞭解如何提問](http://stackoverflow.com/help/how-to-ask) –

回答

0

這裏是展示如何做你問懸停效果小提琴:https://jsfiddle.net/Darin_Cardin/0b1fynuo/16/

這段代碼的關鍵是:

$(".pantrollover").hover(function(){ 
    $(this).find('.rollovertop').fadeOut("fast"); 

},function(){ 
    $(this).find('.rollovertop').fadeIn("fast"); 
}); 
-1

顯示/隱藏。如果你想讓你的div具有特定形狀的人們使用svg剪貼蒙版。