一個半透明的div如何相容 ie8 ?

阿新 • • 發佈：2019-01-13

因為ie8不支援rgba()函式.

所以在ie8中設定透明就要用濾鏡filter了。css程式碼如下：

background-color: rgba( 0, 0, 0, 0.5 );
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#7f000000,endColorstr=#7f000000)\9;

第二句話的意思就是當上一行的透明度不起作用的時候執行。這句話的意思本來是用來做漸變的。但是這個地方不需要漸變。所以兩個顏色都設定成了相同的顏色。

大家注意，這個顏色“#7f00000”是由兩部分組成的。

第一部是#號後面的7f。是rgba透明度0.5的IEfilter值。從0.1到0.9每個數字對應一個IEfilter值。對應關係如下：

一個半透明的div如何相容 ie8 ?

因為ie8不支援rgba()函式. 所以在ie8中設定透明就要用濾鏡filter了。css程式碼如下：background-color: rgba( 0, 0, 0, 0.5 ); filter: p

如何模態出一個半透明頁面

一般在做自定義彈框時或者點選展示大圖時用的較多。不說了上程式碼https://github.com/YST521/DEMOLIST.git //第一步A頁面跳轉到B頁面 MOdalPopController

使用半透明div覆蓋圖片的方法

在設計批量刪除的時候，我遇到了一個問題：就是在選擇待刪除圖片的時候需要有一個半透明層把圖片覆蓋，然後覆蓋層上有選擇框可以選擇，見下圖的前後效果：我的做法是使用一個div，背景為灰色

IE8下相容rgba顏色的半透明背景

在工作中做一個圖片半透明遮罩時發現在IE8下不相容一查再知道IE8不支援rgba顏色，再搜搜相容性方法，沒想到這麼快就解決了。先說說rgba的含義： r代表red，g代表green，b代表blue，a代表透明度。紅綠藍是三原色，所有顏色都可以由這三種顏色拼合而成。比如rgba(0,0,0,.5)就是透明

DIV半透明層 CSS來實現網頁背景半透明

html、css和js原生寫一個模態彈出框，順便解決父元素半透明子元素不透明效果

script javascrip z-index htm index 彈出 rgb 特性 radi 模態框： html部分：  <button id="box" onclick="pop_box()">彈出框</

CSS3背景色透明(相容IE8)

標準瀏覽器通過rgba()實現背景色透明;IE8以下瀏覽器通過特有濾鏡實現背景色透明。程式碼如下: 1 1 /* IE8 */ 2 2 filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#7F000000,endColo

使用z-index和position:absolute實現DIV覆蓋和重疊，可實現半透明背景，上邊漂浮一層不透明的div層。

Div的重疊和覆蓋可以使用z-index和position:absolute決定定位來實現，具體實現程式碼如下： <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3

可編輯的DIV（相容IE8）以及插入內容到游標位置

在做web版聊天程式時，往往需要將一個DIV設定為可編輯狀態，並且可以插入表情。插入表情時，不僅僅是在輸入的文字最後追加表情，還可能在輸入文字的中間，即游標位置插入表情（游標後還有文字）。另外，還需要保證貼上進來的文字必須是純文字，不然百度搜索一篇文章貼上進來，就太亂了。我們希望

Qml實用技巧：在可視元素之前半透明覆蓋一個可視元素，阻止滑鼠透（介面）傳（防止點選到被遮擋的按鈕）

需求需要一個半遮擋的介面，遮擋住原來的介面，因為把用來被遮擋的介面寫成了元件，所以將其設定為需要遮擋的介面的子物件 BUG 每次點選後面和前面的按鈕都可以觸發，如下： Item { Rectangle { wi

半透明背景，文字不透明，ie8和現代瀏覽器的相容性

<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Document</title> &

【Bootstrap】一個相容IE8、谷歌等主流瀏覽器的受眾巨幕式風格頁面

雖然說IE6除了部分要求苛刻的需求以外已經被可以不考慮了，但是WIN7自帶的瀏覽器IE8還是需要支援的。本文這個方法主要的優點，個人覺得就是準備少，不需要上網尋找大量的圖片做素材，你只要準備好一個bootstrap、jquery與photoshop就可以了，bootstr

ios-swift之彈出一個背景半透明的UIViewController

let viewController=storyboard.instantiateViewControllerWithIdentifier("對應要啟動的ViewController名字") as 對應要啟動的ViewController名字 viewContr

js控制div層背景半透明

var container = document.getElementById("map"); container.style.filter = "progid:DXImageTransform.Microsoft.Alpha(style=3,opacity=50,finishOpacity=50)"; c

半透明遮罩效果 DIV

1、用JS判斷你的顯示器解析度：var iWidth = window.screen.availWidth; var iHeight = window.screen.availHeight; ，獲取長與寬兩個引數，將這兩個引數賦給第二層的Div，作為他的長與寬的畫素值，這樣的話，無論在多大或多小的顯示器上，都

bootstrap輪播圖相容IE8，文字背景變透明

<div id="myCarousel" class="carousel slide" data-ride="carousel">  <ol class="carousel-indic

開源一個VC++實現的MP3播放器（支援換膚、截圖、半透明）原始碼

一、說明：這個專案是在2012年寫的，大學期間比較無聊。程式是基於MFC的，當時初接觸開發很多東西都做得不太好(程式碼規範、效率等)，工作後也沒再用MFC了，而且個人也不看好MFC的前途，所以就沒再

JQuery 彈出視窗，(div顯示與隱藏)，隱藏層半透明

<!DOCTYPE html> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="Content-Type" content="te

bootstrap輪播圖兩側半透明陰影

class 搜索 cit spa 再看 0.00 line rst one 用bootstrap輪播圖：Carousel插件，圖片兩側影音實在礙眼，想去掉，首先發現有css裏由opacity: 0.5這個東西來控制，全部改成opacity: 0.0，發現指示箭頭也看不見了。

MFC + CxImage 實現自繪半透明按鈕

processor 專用 win dword ssa ont false set 技術 btn.h [cpp] view plain copy #pragma once // CBtn #include "ximage

一個半透明的div如何相容 ie8 ?

相關推薦