半透明效果

2010-04-16
在網頁之中,如要對影像或有背景色彩的區塊加上半透明效果,並不需要由繪圖軟體著手(png的半透明),僅需要一些CSS設定即可,但...卻又有瀏覽器的限制。

所以,我把IE與其他瀏覽器的使用方法寫在下方:
.photo a:link img {
  filter: Alpha(Opacity=50);/*所有IE透明度50%的使用方法*/
  opacity: .5;/*其他瀏覽器透明度50% 的使用方法*/
}

.photo a:hover img {
  filter: Alpha(Opacity=100);/*所有IE透明度100%的使用方法*/
  opacity: 1;/*其他瀏覽器透明度100% 的使用方法*/
}

這樣一來,就不需要用到那愚蠢的"滑鼠變換影像"與"導覽列"了,是不是很讚呢!

沒有留言 :

張貼留言

Related Posts Plugin for WordPress, Blogger...