4s天天飞车刷金币|天天飞车突击尖兵觉醒
★→ASP程序學習群:62655404 微信公眾號開發
訂閱本欄目 RSS您所在的位置: 深山工作室 > DIV+CSS學習 > 正文

利用CSS實現半透明效果兼容IE與火狐與chrome等瀏覽器

本站原創 2018/4/15 16:01:30 深山工作室 字體:  瀏覽 2471 我要評論
直接上代碼,兼容IE,firefox,chrome,Safari,Opera等主流瀏覽器的半透明CSS代碼:

filter:alpha(opacity=50);
opacity: 0.5;
-moz-opacity:0.5;


幾個屬性的意思是:

opacity: 0.5; CSS的標準,支持chrome,firefox, Safari和 Opera,取值范圍0-1。
filter:alpha(opacity=50); 這個是為IE設的,取值范圍0-100。
-moz-opacity:0.5; 支持老版本的Mozilla,取值范圍0-1。
-khtml-opacity: 0.5; 支持老版本的Safari瀏覽器,取值范圍0-1。





以下是測試代碼

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312" />
<title>利用CSS實現半透明效果兼容IE與火狐與chrome等瀏覽器</title>
</head>

<body style="background:#09f;">

<div class="tm_fontzhi">通過CSS實現半透明,兼容IE,firefox,chrome等主流瀏覽器</div>
<div class="tm_fontbg"></div>

<style>
.tm_fontbg {
position:absolute;top:50px;right:50px;bottom:50px;left:50px;background:#000;z-index:99; /* 這段代碼是為了實現div固定位置的不用在意這段 */
filter:alpha(opacity=50); /* 這個是為IE設的,取值范圍0-100。 */
opacity: 0.5; /*  CSS的標準,支持chrome,firefox, Safari和 Opera,取值范圍0-1。 */
-moz-opacity:0.5; /* 支持老版本的Mozilla,取值范圍0-1。 */
-khtml-opacity: 0.5; /* 支持老版本的Safari瀏覽器,取值范圍0-1。 */
}
.tm_fontzhi {position:absolute;top:90px;right:90px;bottom:90px;left:90px;padding:0 20px;color:#fff;z-index:100;}
</style>
</body>
</html>
后一頁:沒有了
相關閱讀
( 2019/5/30 11:15:02 )sql server中前綴為PK、UK、DF、CK、FK表的意思
( 2019/5/6 17:22:07 )網站從http改成https(ssl證書)后設置301跳轉將http跳轉到https的方法
( 2019/5/2 21:47:46 )ASP利用fso讀取文件夾里所有文件的名字
( 2019/4/16 15:23:47 )jquery動態生成的html代碼中無法使用jquery事件的解決方法
( 2019/4/16 14:40:46 )asp實現獲得當前文章的上一篇信息與下一篇信息功能及代碼
( 2019/4/16 14:29:04 )asp導出內容到excel表并自定義命名后下載(非打開)
( 2019/4/16 11:31:00 )'禁止站外提交頁面和數據
( 2019/4/16 11:19:50 )asp將中文漢字字符轉為unicode編碼(\u編碼)與把unicode編碼轉為漢字
共有0條關于《利用CSS實現半透明效果兼容IE與火狐與chrome等瀏覽器》的評論
發表評論
正在加載評論……
返回頂部發表評論
呢 稱:
表 情:
內 容:
評論內容:不能超過 1000 字,需審核,請自覺遵守互聯網相關政策法規。
驗證碼: 驗證碼 
深山工作室網友評論聲明,請自覺遵守互聯網相關政策法規。

您發布的評論即表示同意遵守以下條款:
一、不得利用本站危害國家安全、泄露國家秘密,不得侵犯國家、社會、集體和公民的合法權益;
二、不得發布國家法律、法規明令禁止的內容;互相尊重,對自己在本站的言論和行為負責;
三、本站對您所發布內容擁有處置權。

更多信息>>欄目類別選擇
rss學習
個人空間
網站設計
網站公告
下載
photoshop學習
ASP學習
DIV+CSS學習
SEO搜索引擎憂化
java學習
HTML學習
網站信息
網站類信息
更多>>同類信息
在table中tr的display:block在firefox下顯示布局錯亂問題
在未知圖片的寬度與高度時利用div+css將圖片居中
用css做的英文首字母大寫和英文全都大寫通過各個瀏覽器
css優先級的例子
讓DIV固定在瀏覽器窗口的底部(兼容IE6)
MarkMan 馬克鰻,讓設計更有愛 (超級給力的頁面標注工具)
IE8 CSS HACK 兼容
IE6不支持png24的解決辦法(png24做為css的背景)
更多>>最新添加文章
sql server中前綴為PK、UK、DF、CK、FK表的意思
網站從http改成https(ssl證書)后設置301跳轉將http跳轉到https的方法
ASP利用fso讀取文件夾里所有文件的名字
jquery動態生成的html代碼中無法使用jquery事件的解決方法
asp實現獲得當前文章的上一篇信息與下一篇信息功能及代碼
asp導出內容到excel表并自定義命名后下載(非打開)
'禁止站外提交頁面和數據
asp將中文漢字字符轉為unicode編碼(\u編碼)與把unicode編碼轉為漢字
更多>>隨機抽取信息
表單正則表達式
漢字轉聲母
請勿在本地站發布亂七八糟的廣告,本站所有的留言與評論全是需要審核的
對于轉換的不確定數數用ubound進行下限處理
asp版圖形驗證碼,可自定義點陣信息,支持字符扭曲、傾斜、傾斜
利用JavaScript獲取現在時間日期與農歷
DateDiff(計算類型,日期1,日期2)計算兩個日期之間的差
常用正則表達式集錦
4s天天飞车刷金币