亚洲乱码中文字幕综合,中国熟女仑乱hd,亚洲精品乱拍国产一区二区三区,一本大道卡一卡二卡三乱码全集资源,又粗又黄又硬又爽的免费视频

背景半透明效果CSS鏈接樣式代碼

  發(fā)布時間：2013-02-27 18:15:30   作者：佚名   我要評論
想不想要自己的主頁鏈接很炫呢，背景半透明的鏈接效果，空鏈接實現(xiàn)的鏈接效果，只需要定義一個特效式的CSS樣式即可以實現(xiàn)，在需要實現(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; }


可以實現(xiàn)半透明效果，當(dāng)然，在鏈接父層得有個背景圖片，然后鏈接以塊狀結(jié)構(gòu)，背景為白色，然后半透明，這樣的效果不用再用圖片，而且代碼也簡練，挺好的;

二、空元素實現(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實現(xiàn)背景半透明文字不透明效果兼容IE6

    在某些情況下可能會需要背景半透明文字不透明這樣的效果，實現(xiàn)起來并不復(fù)雜，通過濾鏡便可做到，具體實現(xiàn)如下，感興趣的朋友可以參考下，希望對大家有所幫助
    2013-08-05

  • css 背景半透明最佳實踐

    透明作為一種效果增強的方案，被眾多視覺設(shè)計師喜歡。但因為 IE 的原因，透明，特別是半透明，已經(jīng)成為前端工程師最不愿意實現(xiàn)的東西
    2011-10-30

  • css實現(xiàn)背景半透明文字不透明的效果示例

    本篇文章主要介紹了css實現(xiàn)背景半透明文字不透明的效果示例，小編覺得挺不錯的，現(xiàn)在分享給大家，也給大家做個參考。一起跟隨小編過來看看吧
    2018-05-08

最新評論