利用CSS讓有超連結圖案出現透明效果 | 韓德爾の原木

類別 | 學習心得

利用CSS讓有超連結圖案出現透明效果

發表於 2010 年 04 月 20 日，本文已閱讀 1,840 次，共有 3 評論。
標籤：code, CSS, hack, OR, wordpress, 日記

今天在「WordPress 研究者日記」看到這篇「CSS透明特效：opacity」的文章，就是利用CSS的opacity語法，讓滑鼠移到有超連結的圖案上時，該圖案會出現透明的效果。

　　將以下代碼加入到 wp-content/themes/當前使用的佈景主題/style.css 檔案：

a:hover img{
 opacity: 0.55;
 filter:alpha(opacity=55); /* IE only */
}

說明上面的數值，數值為「1」代表不透明，所以數值越小就越透明，而filter:alpha那段是給IE瀏覽器用的，數值為「100」代表不透明。

~ That’s all ~

☆★部落格の這一天★☆

2015 年：元宵樂湯圓 (0 評論)
2015 年：雪霸雲瀑 (0 評論)
2015 年：櫻花雪 (0 評論)

關於原木

View all posts by 原木 →

共有 3 則回應在 “利用CSS讓有超連結圖案出現透明效果”

Sze Wai Lam 說：

2013 年 08 月 12 日 at 16:40:00

我想問點整”相關文章”果PART?

回覆
- 原木說：
  
  2013 年 08 月 13 日 at 16:20:00
  
  你是指我部落格上面的特效嗎？
  
  回覆
- 原木說：
  
  2013 年 08 月 13 日 at 16:22:00
  
  那是偛件，需要裝｢yet-another-related-posts-plugin｣及｢related-posts-slider｣這兩個插件即可，可以參考這篇文章
  http://dafatime.idv.tw/?p=1375
  
  回覆

引用/通告

發表迴響取消回覆

這個網站採用 Akismet 服務減少垃圾留言。進一步瞭解 Akismet 如何處理網站訪客的留言資料。