小圖像在大圖像懸停css

我知道這個問題已被問過，但我已經嘗試了其他選項，它沒有正常工作。小圖像在大圖像懸停css

我想要做的是把.png圖像在佔位符不placeholder被交換或去除，以顯示.png，我不能完全肯定我甚至我的HTML已正確設置了該類型的效果。

<ul class="portfolio-images"> 
    <li class="box-one"><a href="#"><img src="http://placehold.it/350x330"></li></a> 
    <li class="box-two"><a href="#"><img src="http://placehold.it/350x330"></li></a> 
    <li class="box-three"><a href="#"><img src="http://placehold.it/350x330"></li></a> 
</ul>

來源

2015-10-28 Kim Jagos

你的png在哪裏？ – makshh

我可以要求具體嗎？在頁面通過Javascript加載後添加新圖像？ –

我試圖把我的.png放在通過css，就像你如何做一個精靈懸停。我確實考慮過通過Java把它放進去，但是我很難找到任何能讓我知道如何去做的東西。 –

如果你想添加png文件來隱藏你的佔位符圖像，那麼這種方法將完成這項工作。通過將:before僞元素添加到投資組合列表中的a。

http://liveweave.com/lx2OAr

的方法很簡單。 :before元素將用100％的width和height包裝整個內容。並且transition將爲元素添加一些淡入和淡出效果。

希望它有幫助！

來源

2015-10-28 01:44:33 sandalkoyak

我並沒有試圖隱藏佔位符，只是將.png放在頂部，仍然能夠看到後面的佔位符。 –

我想我將不得不要求您提供完整的代碼。既然你只給了我一個佔位符圖片列表，這是我可以幫助你的最好的。或者，也許你可以給任何其他網站的例子？將盡我所能提供幫助。 – sandalkoyak

你想要完整的HTML，和CSS或只是有關我想編輯區域的代碼？ –

小圖像在大圖像懸停css

回答

相關問題