背景半透明效果CSS鏈接樣式代碼
發(fā)布時(shí)間：2013-02-27 18:15:30 作者：佚名 
我要評(píng)論
我要評(píng)論想不想要自己的主頁鏈接很炫呢，背景半透明的鏈接效果，空鏈接實(shí)現(xiàn)的鏈接效果，只需要定義一個(gè)特效式的CSS樣式即可以實(shí)現(xiàn)，在需要實(shí)現(xiàn)的地方應(yīng)用定義的CSS樣式，也可以全站應(yīng)用哦，快去試一下吧，這樣的效果可以應(yīng)用在網(wǎng)頁的許多地方
一、背景半透明效果
復(fù)制代碼
代碼如下:a.menu_a_2,a.menu_a_2:link,a.menu_a_2:visited { display:block; width:75px; height:35px; float:left; line-height:35px; text-align:center; color:#FFFFFF; font-weight:bold; font-size:14px;}
a.menu_a_2:hover {display:block; width:75px; height:35px; float:left; line-height:35px; text-align:center; color:#000000; font-weight:bold; font-size:14px;
background-color: #FFF;
filter: Alpha(opacity=50);
-moz-opacity:.3;
opacity:0.3; }
可以實(shí)現(xiàn)半透明效果，當(dāng)然，在鏈接父層得有個(gè)背景圖片，然后鏈接以塊狀結(jié)構(gòu)，背景為白色，然后半透明，這樣的效果不用再用圖片，而且代碼也簡(jiǎn)練，挺好的;
二、空元素實(shí)現(xiàn)鏈接效果
復(fù)制代碼
代碼如下:.Logo {float:left;width:280px;height:60px;padding-top:14px;text-align:left;}
.Logo span {display:inline-block;width:270px;height:60px;background:url(logo.gif) no-repeat;}</p> <p><A href="/"><SPAN></SPAN></A>
相關(guān)文章
純CSS實(shí)現(xiàn)背景半透明文字不透明效果兼容IE6
在某些情況下可能會(huì)需要背景半透明文字不透明這樣的效果，實(shí)現(xiàn)起來并不復(fù)雜，通過濾鏡便可做到，具體實(shí)現(xiàn)如下，感興趣的朋友可以參考下，希望對(duì)大家有所幫助2013-08-05- 透明作為一種效果增強(qiáng)的方案，被眾多視覺設(shè)計(jì)師喜歡。但因?yàn)?IE 的原因，透明，特別是半透明，已經(jīng)成為前端工程師最不愿意實(shí)現(xiàn)的東西2011-10-30
css實(shí)現(xiàn)背景半透明文字不透明的效果示例
本篇文章主要介紹了css實(shí)現(xiàn)背景半透明文字不透明的效果示例，小編覺得挺不錯(cuò)的，現(xiàn)在分享給大家，也給大家做個(gè)參考。一起跟隨小編過來看看吧2018-05-08
