CSS中通過鼠標懸停觸發效果的方法有很多種，其中一種就是鼠標放上去圖片透明。這種方法可以使圖片在未被觸發時保持完整，而在鼠標懸停時則可以展現更強的視覺效果，提高網站的用戶體驗。

.img-opacity{
opacity: 1;
transition: opacity 0.3s ease-in-out;
}
.img-opacity:hover{
opacity: 0.7;
}

上述代碼就是實現鼠標放上去圖片透明的樣式代碼，選中需要使用透明效果的圖片，為其添加class名“img-opacity”；然后在CSS中設定這個class名的樣式，opacity代表透明度，初始值為1，也就是完全不透明，設置0.3秒的變化時間，效果為緩慢變化；最后在鼠標懸停時改變樣式，將opacity設為0.7，就可以實現圖片透明的效果了。

需要注意的是，圖片透明效果的實現需要考慮到圖片的大小、位置、對應文本等因素，以免影響整體視覺效果或用戶操作體驗。