CSS3背景色透明(相容IE8)
標準瀏覽器通過rgba()實現背景色透明;IE8以下瀏覽器通過特有濾鏡實現背景色透明。
程式碼如下:
1 1 /* IE8 */ 2 2 filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#7F000000,endColorstr=#7F000000); 3 3 4 4 /* 標準瀏覽器 */ 5 5 background-color: rgba(0, 0, 0, 0.6);
上述程式碼中:
- 7F000000(十六進位制):前兩位數值控制透明度,00表示完全透明,FF表示完全不透明;後六位控制顏色。
- rgba(red, green, blue, alpha):前三個值控制顏色,取值範圍為0-255,第四個值控制透明度,0表示完全透明,1表示完全不透明。
相關推薦
CSS3背景色透明(相容IE8)
標準瀏覽器通過rgba()實現背景色透明;IE8以下瀏覽器通過特有濾鏡實現背景色透明。 程式碼如下: 1 1 /* IE8 */ 2 2 filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#7F000000,endColo
CSS3背景色透明(兼容IE8)
數值 code sta microsoft tar start 進制 mage soft 標準瀏覽器通過rgba()實現背景色透明;IE8以下瀏覽器通過特有濾鏡實現背景色透明。 代碼如下: 1 1 /* IE8 */ 2 2 filter:progid:DXImageTr
css3 媒體查詢 @media 相容IE8
媒體查詢 @media 相容iE8 相容情況 @media 瀏覽器相容情況 從圖中可以看到,@media相容IE9 + 解決辦法 目前看到的有很多解決辦法,有的需要引入
AlertDialog彈出訊息後,背景色透明,不影響Activity的事件觸發
背景色透明: // 背景色 dialog.getWindow().setDimAmount(0f); 不搶佔Activity焦點: // dialog不去搶佔焦
css 背景色漸變相容寫法
.gradient{ background: #000000; background: -moz-linear-gradient(top, #000000 0%, #ffffff 100%); background: -webkit-gradient(linear, left
HighCharts 餅圖背景色透明
預設的highcharts 背景都是白色,這次專案中需要在highcharts圖的後面顯示背景圖片,所以必須讓chart背景透明: function showPie(name){ var a = [ {name:'A',y:100,
如何讓iframe背景色透明
<body style="background-color:transparent" > 或 <body bgColor="transparent"> 方法一: <iframe src="about.htm" width="100%" height="100%" align="
iTextSharp插入指定背景色透明的圖片
iTextSharp用來處理PDF相當的強大,雖然作者專門寫了一本書介紹這個,但有些功能的資料還是太少了. iTextSharp可以直接插入具有透明度的PNG圖片, 但對於像BMP格式那些沒有透明度的圖片,在插入的時候還是可以對指定背景色透明的.關鍵程式碼如下: //建立
BufferedImage 和 Graphics2D 畫圖,背景色透明
File f = new File("D:\tag\20141204\chengxu\business-dossier\business-dossier-web\src\main\webapp\u
超簡單CSS3水平動態進度條+小圓球+背景色漸變
背景色漸變 query 技術分享 scale wid alt class ani position 實現的的效果圖如下:效果是動態加載的 代碼如下: <!DOCTYPE html> <html lang="en"> <head> &l
解決panel或者其他控件疊加時,此控件背景透明,顯示的背景色為窗體背景色問題
背景 運行 panel控件 box bsp www. com his art 之前為了圖省事兒,直接給Form窗體設置的背景圖片,發現這樣運行的時候窗體特別的卡頓,於是改為放一個pictureBox控件,由這個控件加載圖片後作為背景。 現在卡頓解決了,又出現了另一個問題,運
CSS3 漸變背景色各種方向 兼容IE9+
tom 百分比 默認 頁面 允許 es2017 指定 die || 背景色,除了純色以外,還能夠使用多種顏色組合成為漸變背景色,使頁面豐富。 漸變背景分為兩種: 1、線性漸變; 2、環形漸變; 線性漸變 線性漸變分為:橫向、縱向、對角漸變三種漸變 語法: <lin
ps-如何去背景色(將背景色變透明)
背景圖 功能 eight block 選區 left 自己的 inf mar 由於生活或工作的需求,圖片的處理是必不可少。其中將圖片某一部分變為透明,或者截取圖片的某一部分比較常見。 1.首先,打開待處理的圖片; 2.復制背景圖層,將背景圖層設為不可見(左邊的眼睛即可
@media 相容ie8-CSS3響應式佈局(@media screen)相容IE6-8的方法 (IE9以下)
最近做了一個響應式網站,主要用到了CSS3裡的@media screen,今天無意用IE8打開發現網站竟然不正常,才知道原來IE8不相容響應式@media screen呢。下面跟大家分享下青島星網的解決方法。 我看了下IE6-IE8下載入網站,網站不能正常顯示的主要原因就是沒有載入成功CSS,也
@media 相容ie8-CSS3響應式佈局(@media screen)相容IE6-8的方法 (IE9以下)
最近做了一個響應式網站,主要用到了CSS3裡的@media screen,今天無意用IE8打開發現網站竟然不正常,才知道原來IE8不相容響應式@media screen呢。下面跟大家分享下青島星網的解決方法。 我看了下IE6-IE8下載入網站,網站不能正常顯示的主要原因就是
相容IE8及以下不識別HTML5新標籤和css3 media query的方法
<!--[if lt IE 9]> <script src="//cdn.bootcss.com/respond.js/1.4.2/respond.js"></script> <script src="http://cd
CSS3去除移動端點選元素時產生的高亮背景色
在手機瀏覽器中瀏覽網頁時 ,點選頁面中的按鈕或者是具備點選事件的元素,就會出現一個預設的高亮框 可以用一個簡單的css3屬性來解決:tap-highlight-color,最好加上webkit瀏覽器字首。 -webkit-tap-highlight-color: rgba
導航欄背景色為透明色
需求: 導航欄和HeaderView 使用一個背景圖片。 解決方案: 讓 導航欄 變成透明。 override func viewWillAppear(_ animated: Bool) { super.viewWillAppear(animat
css3實現hover顏色,背景色,寬度等平滑變動(transition)
CSS 3 中提供了一種屬性,Transition(變換),這種屬效能夠實現在元素的某些屬性的數值發生改變時產生過渡的效果。比如長度增加,能產生類似拉長的動畫效果;顏色改變時,也可以利用Transition產生一種顏色漸變的效果。 瀏覽器支援情況 CSS Transition受到瀏覽器的廣泛支援。CSS3
一個半透明的div如何相容 ie8 ?
因為ie8不支援rgba()函式. 所以在ie8中設定透明就要用濾鏡filter了。css程式碼如下:background-color: rgba( 0, 0, 0, 0.5 ); filter: p