♂Blo狗，家犬→賤狗ChiCo！☆★

如果您跟我一樣有背景圖，但是又不希望文章的圖片擋住背景圖的話…

可以參考我的方法，利用CSS使圖片“半透明化”！(Firefox亦適用)

首先形容一下我的概念︰

我希望文章內有“超連結”的圖片在“滑鼠未移到”的狀態下是呈現“半透明”的效果。

而當“滑鼠移到”圖片上時，則變成“不透明”的效果。

至於“沒有超連結”的圖片則維持正常。

範例圖片︰

語法介紹︰(為了使大部份瀏覽器顯示正常，以下三段語法缺一不可！)

/* 舊版Mozilla語法 */
-moz-opacity: ?;

/* 新版Firefox語法 */
opacity: ?;

/* IE語法 */
filter: Alpha(Opacity=?);

/* ?問號代表透明設定值(前兩者0.1～0.9數字越小越透明，如果設定值為1則代表不透明；而IE語法設定值為10～90數字越小越透明，如果設定值為100則代表不透明) */

接著下來，請在您的CSS內容加入以下語法︰

#content a {
text-align: center; /* 設定靠左(left)、置中(center)、靠右(right) */
}
#content a img {
-moz-opacity: 0.5;
opacity: 0.5;
filter: Alpha(Opacity=50);
}
#content a:hover img {
-moz-opacity: 1;
opacity: 1;
filter: Alpha(Opacity=100);
}

依此類推，如果您熟悉樂多的CSS結構，便可自行加在任何部份，或者您熟悉CSS語法，也可以多做一些語法變化。

例如，Blog旁邊的欄位條︰

#links a {
text-align: center; /* 設定靠左(left)、置中(center)、靠右(right) */
}
#links a img {
-moz-opacity: 0.5;
opacity: 0.5;
filter: Alpha(Opacity=50);
}
#links a:hover img {
-moz-opacity: 1;
opacity: 1;
filter: Alpha(Opacity=100);
}

教學完畢！