以背景黑色，透明度0.5舉例為大家詳細介紹下關于背景透明，文字不透明的最佳方法同時兼容IE，具體實現如下，感興趣的朋友可以參考下哈希望對大家有所幫助

以背景黑色，透明度0.5舉例

非IE：background:rgba(0,0,0,0.5);

IE： filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#7f000000,endColorstr=#7f000000);

IE： filter:progid:DXImageTransform.Microsoft.gradient(enabled='true',startColorstr='#75000000',endColorstr='#75000000')

PS：#7f000000 其中7f是透明度0.5轉換成16進制的數值，000000是黑色的16進制數值

具體數值轉換可以參考

rgba 和IE下filter數值的轉換

rgba 透明值? ? ? ? IEfilter值

0.1

19

0.2

33

0.3

4C

0.4

66

0.5

7F

0.6

99

0.7

B2

0.8

C8

0.9

E5

直接取整計算的，沒有進位直接舍去

alpha*255再轉換成16進制即可

css背景透明文字不透明

測試背景透明度為0.3.文字不透明: background-color: #000; /* 一.CSS3的opacity */ opacity: 0.3; /* 兼容瀏覽器為:firefox,chro ...

CSS3實現背景透明文字不透明

最近遇到一個需求,如下圖,input框要有透明效果 首先想到的方法是CSS3的?opacity屬性,但事實證明我想的太簡單了 這個屬性雖然讓input框有透明效果,同時文字和字體圖標也會有透明效果,導 ...

css實現背景透明文字不透明

設置元素的透明度: ?-moz-opacity:0.8; /*在Firefox中設置元素透明度 ?filter: alpha(opacity=80); /*ie使用濾鏡設置透明 ? 但是當我們對一個標 ...

css3背景透明文字不透明

在 FF/Chrome 等較新的瀏覽器中可以使用css屬性background-color的rgba輕松實現背景透明,而文字保持不透明.而IE6/7/8瀏覽器不支持rgba,只有使用IE的專屬濾鏡fi ...

div半透明背景，文字不透明

background: rgba(255, 255, 255, 0.8) !important; /* IE無效,FF有效 */ background: #fff; filter: alpha(opa ...

html 背景透明文字不透明

.alpha{ width: 100px; height: 100px; color: #fff; background: rgba(0, 0, 0, .3); filter: progid:DXIm ...

[小技巧]兼容IE6的純CSS背景半透明文字不透明

html>

css實現背景半透明文字不透明的效果

...

CSS實現Div透明，而顯示在上面的文字不透明，但也可看到顯示在下面的圖片內容

CSS實現Div透明,而顯示在上面的文字不透明,但也可看到顯示在下面的圖片內容,DiV透明其實挺簡單,主要是為background定義opacity屬性,一般這個是最大值是1,數值越接近1,則越不透明 ...

隨機推薦

JavaWeb 學習001-登錄頁面-Servlet

那什么是Servlet呢? 我理解的Servlet 就是一個中間媒介,jsp頁面原本需要一些操作,但是現在讓jsp頁面只是顯示就好,把操作的工程轉移給Servlet中. 使用Servlet時候有個固定 ...

開發報表時將已有User做成下拉列表，第一項為label為ALL，value為null

SELECT 'All' AS LABLE_NAME, NULL AS USER_NAMEUNION ALLSELECT USER_NAME AS LABLE_NAME, USER_NAME from ...

嵌入式Linux-GNU Make 使用手冊(中譯版)

GNU Make 使用手冊(中譯版) 翻譯:于鳳昌 譯者注:本人在閱讀Linux源代碼過程中發現如果要全面了解Linux的結構.理解Linux的編程總體設計及思想必須首先全部讀通Linux源代碼中各級 ...

Grunt使用入門

Grunt使用入門 (by vczero) 一.前言 項目中一直在使用Grunt,只是對Grunt的基本使用,卻未系統的總結過.為什么要構建工具?一句話:自動化.對于需要反復重復的任務,例如壓縮(mi ...

Mysql介紹和實踐總結

本文首先介紹mysql的安裝和基本使用.進階操作.講解mysql的導入導出和自動備份,然后介紹安全模式修改密碼和mysql的全文本搜索功能,最后記錄了個人使用mysql中遇到的問題集. 開始安裝: s ...

【fhq Treap】bzoj1500(聽說此題多碼上幾遍就能不懼任何平衡樹題)

1500: [NOI2005]維修數列 Time Limit:?10 Sec??Memory Limit:?64 MBSubmit:?15112??Solved:?4996[Submit][Statu ...

tomcat內存溢出解決，java.lang.OutOfMemoryError: PermGen space

今天遇到了一個java.lang.OutOfMemoryError: PermGen space異常問題,一直解決不了,根據網上修改了tomcat的配置文件,但是還是解決不了,最后是通過如下方式解決的 ...

BigDecimal比較大小，BigDecimal判斷是否為0

原文:https://blog.csdn.net/qq_34926773/article/details/83419004 BigDecimal類型的數據,需要比較大小:聲明BigDescimal: ...

P2922 [USACO08DEC]秘密消息Secret Message

傳送門 思路: 還是比較水的(不看題解不看書),用 vis 存字典樹上的每個點是多少個單詞的前綴,bo 來存每個點是多少個單詞的結尾(坑點:會有很多相同的單詞,不能只有 bool 來存).統計時:① ...

緩存數據庫-redis(訂閱發布)

一:Redis 發布訂閱 Redis 發布訂閱(pub/sub)是一種消息通信模式:發送者(pub)發送消息,訂閱者(sub)接收消息. Redis 客戶端可以訂閱任意數量的頻道. 下圖展示了頻道 c ...

總結

以上是生活随笔為你收集整理的c语言字体透明背景,背景透明文字不透明的最佳方法兼容IE(以背景黑色透明度0.5为例)...的全部內容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網站內容還不錯，歡迎將生活随笔推薦給好友。