1樓:娛樂螺螄粉
opacity: 0.4; //ie9+和非ie透明
background:rgba(0, 0, 0, 0.4); //背景透明
filter:alpha(opacity=40);ie6,7,8
2樓:鰟鮍魚
50和0.5是透明度,按自己需要修改吧。
css**:
.box
html**:
透明區域
3樓:水煮魚同盟
background: rgba(255, 255, 255, 0.85) 0.85是透明度的百分比
css中,如何設定前景色的透明度?
4樓:大野瘦子
1、準備好初始化的**
2、初始化樣式
div3、執行結果為
4、設定背景顏色半透明的樣式**background-color:rgba(0,0,255,0.5);
5、執行結果為
透明原理:把背景顏色設定為rgb的方式,然後再加一個透明度就可以設定為半透明瞭。
注意:設定背景顏色時**應該寫成rgba。
5樓:匿名使用者
css控制透明度倒不麻煩。
filter:alpha(opacity=50); /*ie濾鏡,透明度50%*/
-moz-opacity:0.5; /*firefox私有,透明度50%*/
opacity:0.5;/*其他,透明度50%*/
舉個例子:
通過ie6 ie7 ie8 ff3 opera 谷歌 safari測試
#test
但是還是會有很多問題,瀏覽器相容性問題,等
而且ie濾鏡的頻繁使用會使瀏覽器的執行效率降低。
所以不提倡過多使用。
也還有其他方法可以模擬,比如用寬高都是1px的透明png**覆蓋等等。
lz自己舉一反三啊,前景色不就是color麼
#test
#test span
前景色透明度
lz看看「前景色透明度」這幾個字是不是純白色,還是白色的50%透明。
6樓:
alpha是來設定透明度的。先來看一下它的表達格式:
filter:alpha(opacity=opcity,finishopacity=finishopacity,
style=style,startx=startx,starty=starty,finishx=finishx,
finishy=finishy)
哇,怎麼這麼長。是啊,不過這些引數都各有其用。
opacity代表透明度等級,可選值從0到100,0代表完全透明,100代表完全不透明。 style引數指定了透明區域的形狀特徵。其中0代表統一形狀;1代表線形;2代表放射狀;3代表長方形。
finishopacity是一個可選項,用來設定結束時的透明度,從而達到一種漸變效果,它的值也是從0到100。 startx和starty代表漸變透明效果的開始座標,finishx和finishy代表漸變透明效果的結束座標。
從上面講的我們可以看出,如果不設定透明漸變效果,那麼只需設定opacity這一個引數就可以了。
實現上面這種效果的**如下:
beautiful
//*定義字型屬性,前景色為紅色*//
//*匯入一張***//
7樓:go陌小潔
把類為box的層設為透明。
其中background:#000; filter:alpha(opacity:
30); opacity:0.3;為關鍵**,當opacity值為1時,表示完全不透明,為0時表示完全透明。
其關的屬性介紹如下:
opacity: 0.3;這是「最重要的」,因為它是在css的現行標準。
這將在firefox,safari和opera的大多數版本的工作。這將是所需要的一切如果所有的瀏覽器都支援目前的標準。
filter:alpha(opacity=50); /*ie濾鏡,透明度50%*/
-moz-opacity:0.5; /*firefox私有,透明度50%*/
opacity:0.5;/*其他,透明度50%*/
8樓:黑馬程式設計師
一、首先html佈局:
我是一段文字
二、沒有加css的樣式的效果顯示:
三、加css樣式的html:
我是一段文字
在開發工具裡面的截圖:
四、加了css樣式的效果圖:
9樓:啄木鳥
最好是用css3的rgba屬性,透明濾鏡(filter:alpha)是ie only,不建議使用
css怎麼設定透明度
10樓:匿名使用者
div半透明例項演示
實現div半透明例項演示
2、在瀏覽器效果截圖:
css div半透明實現截圖
css+div實現半透明 瀏覽器中瀏覽實現div半透明效果截圖總結:根據以上兩個例項,第一個沒有設定半透明樣式,另外一個設定半透明樣式而實現了div層半透明效果,大家可以根據需要調整半透明值,實現想要半透明度。設定半透明效果要考慮ie瀏覽器、谷歌、火狐等瀏覽器相容支援,所以我們半透明樣式**務必完整。
11樓:山東文匯軟體
有兩種:
1、background:#000; opacity:0.5; 這個方法是給盒子背景顏色透明,但盒子裡面有內容的話,連內容也會透明,就是說子元素會繼承上一級的屬性
2.background:rgba(0,0,0,0.5); 這個只針對背景顏色,子元素不會繼承上一級的屬性
css在設定了透明度的層裡,怎麼讓裡面的層不透明?
12樓:匿名使用者
在外層div設定了css**如下:
opacity: 0.8;
-moz-opacity: 0.8;
filter: alpha(opacity=80);
此時,此層裡面的層都為透明層,接下來我們如何讓裡面的層不透明呢?主要有兩個方法:
1、如果是要設定顏色層透明,可以用背景色透明 rgba來代替opacity,
2、如果是設定**層透明,就用ps簡單處理一下即可。
opacity這個屬性指定的透明是包括裡面的所有元素的,不可能只有外面透明,裡面不透明。
如何設定Android中控制元件的顏色透明度
好程式設計師 設定android中控制元件的顏色透明度需要設定設定控制元件的background屬性設定方法如下。1 使用android studio建立一個android 專案,如下圖 2 開啟xml佈局檔案,如下圖所示 3 建立一個button控制元件並新增如下屬性 4 新增background...
如何設定Android中控制元件的顏色透明度
1 ff000000 此為16進位制顏色 前2位ff為透明度,後6位為顏色值 000000為黑色,ffffff為白色,可以用ps等軟體獲取 2 透明度分為256階 0 255 計算機上用16進製表示為 00 ff 透明就是0階,不透明就是255階,如果50 透明就是127階 256的一半當然是128...
如何設定android中控制元件的顏色透明度
好程式設計師 android background a000 這條屬性第一位表示設定透明度0 f 越大表示越不透明 後面位表示rgb顏色的值 android 是支援 argb顏色的 a就代表透明度 例如 ffaabbcc 如何設定android中控制元件的顏色透明度 育知同創教育 1 ff00000...