什麼導致我的懸停圖片不顯示它的透明度？

我在網上獲得了此代碼，用於在有人翻閱鏈接時使鏈接顯示圖片（懸停）。什麼導致我的懸停圖片不顯示它的透明度？

但是，它的工作原理是要顯示的圖像（.png）具有透明度，但是這個圖像會被黑色背景替換。如果我將該圖片放置在此圖庫的代碼之外，透明度將正確顯示，因此我認爲它必須與圖庫的CSS相關。我玩過所有與背景有關的功能，但似乎沒有影響替換我的.png透明度的黑色背景。

希望你們能找到是什麼原因造成的，以及如何解決它。謝謝！

CSS：

<style type="text/css"> 

.gallerycontainer{ 
position: relative; 
/*Add a height attribute and set to largest image's height to prevent overlaying*/ 
} 

.thumbnail img{ 
border: 1px solid white; 
margin: 0 5px 5px 0; 
} 

.thumbnail:hover{ 
    background-color: transparent; 

} 


.thumbnail span{ /*CSS for enlarged image*/ 
position: absolute; 
background-color: transparent; 
padding: 5px; 
left: -1000px; 
visibility: hidden; 
color: black; /*this is for the text*/ 
text-decoration: none; 
} 

.thumbnail span img{ /*CSS for enlarged image*/ 
border-width: 0; 
padding: 2px; 
} 

.thumbnail:hover span{ /*CSS for enlarged image*/ 
visibility: visible; 
top: 0; 
left: 230px; /*position where enlarged image should offset horizontally */ 
z-index: 50; 
} 

</style>

HTML：

<body> 
<div class="gallerycontainer"> 

<a class="thumbnail" href="#thumb"><p>Starck</p><span><img src="starck_transp_gun_silver.png" /><br />Text.</span></a> 


</div> 

</body>

來源

2011-12-10 okr

你使用什麼瀏覽器？ – haynar

safari和firefox – okr

我唯一的猜測是，你沒有正確固定你的形象。回去確保它實際上是一個透明背景的.png。

來源

2011-12-10 23:36:36

什麼導致我的懸停圖片不顯示它的透明度？

回答

相關問題