css背景透明，請問在HTML中如何把一張圖片的背景設置為透明的

來源：整理時間：2023-05-12 04:36:40 編輯：好學習手機版

1，請問在HTML中如何把一張圖片的背景設置為透明的

首先在CSS中定義.alpha{filter:alpha(opacity=20);} 然后在需要透明圖片的表格中調用 class=alpha

圖片的性質在HTML中是沒有辦法改變的，因為圖片的格式已經決定了其是否透明。即：網絡大部分使用GIF格式的透明圖片，把它放置在HTML中，該圖片就是透明的了。如果老兄所用的圖片為JPG、BMP等格式，無論如何設置，其在HTML中都是無法透明的。

用ps把圖片修改成背景透明

請問在HTML中如何把一張圖片的背景設置為透明的

2，html backgroundcolor如何設置為透明

html background-color設置為透明的方法如下：<html> <head> <title>透明表格</title> </head> <body background="圖片"> <table border="0"> <tr> <td style="background-color:#336699;filter:Alpha(opacity=50)">表格內容</td> </tr> </table> </body> </html>background是用于在一個聲明中設置所有背景屬性的一個簡寫屬性。背景 (background) 屬性定義元素的背景效果元素的背景區包括前景之下直到邊框邊界的所有空間。因此，內容框與內邊距都是元素背景的一部分，且邊框畫在背景上。CSS 允許應用純色作為背景，也允許使用背景圖像創建相當復雜的效果；CSS 在這方面的能力遠遠在 HTML 之上。background 是用于在一個聲明中設置所有背景屬性的一個簡寫屬性。格式: background: 繼承性: NO可能的值：background-colorbackground-imagebackground-repeatbackground-attachmentbackground-position

html background-color設置為透明：filter:alpha(opacity=50);-moz-opacity:0.5;-khtml-opacity: 0.5;opacity: 0.5;

filter:alpha(opacity=50);-moz-opacity:0.5;-khtml-opacity: 0.5;opacity: 0.5;答題不易，互相理解，您的采納是我前進的動力，如果我的回答沒能幫助您，請繼續追問。您也可以向我們團隊發出請求，會有更專業的人來為您解答。

html backgroundcolor如何設置為透明

3，css怎么設置透明度

1、filter：對win IE設置半透明濾鏡效果，filter:alpha(Opacity=80)代表該對象80%半透明，火狐瀏覽器不認2、-moz-opacity：對mozilla firefox火狐瀏覽器實現半透明，win IE不認此屬性，-moz-opacity:0.5相當于設置半透明為50%3、opacity：對除IE外所有瀏覽器支持包括谷歌，放最后主要針對谷歌瀏覽器，opacity: 0.5;表示設置50%半透明為了觀察到對DIV半透明實現，我們設置兩個DIV層，分別一個放于另外一個DIV層內，外層DIV命名為“.div-a”;上面被包含的層CSS類命名為“.div-b”，形成“.div-b”盒子放于“.div-a”內我們對底層DIV設置一個背景是一張圖片，上面的DIV盒子設置村黑色。二、未設置半透明樣式實例 - TOP1、根據描述實例，未設置半透明HTML源代碼：<!DOCTYPE html> <html> <head> <meta charset="utf-8" /> <title>半透明實例在線演示 www.divcss5.com</title> <style> .div-a.div-b</style> </head> <body> <div class="div-a"> <div class="div-b">DIV半透明實例演示</div> </div> </body> </html> 2、未設置半透明CSS樣式截圖：未設置半透明時截圖未設置半透明樣式未實現半透明實例瀏覽器中效果截圖三、對DIV設置CSS半透明樣式實例 - TOP1、我們對“.div-b”選擇器加入半透明樣式代碼：filter:alpha(Opacity=60);-moz-opacity:0.6;opacity: 0.6; 設置60%半透明效果完整實例網頁HTML代碼如下：<!DOCTYPE html> <html> <head> <meta charset="utf-8" /> <title>半透明實例在線演示 www.divcss5.com</title> <style> .div-a.div-bfilter:alpha(Opacity=60);-moz-opacity:0.6;opacity: 0.6} /* CSS注釋說明：這里對CSS代碼換行是為了讓代碼在此我要中顯示完整，換行后CSS效果不受影響 */ </style> </head> <body> <div class="div-a"> <div class="div-b">實現DIV半透明實例演示</div> </div> </body> </html> 2、在瀏覽器效果截圖：css div半透明實現截圖css+div實現半透明瀏覽器中瀏覽實現DIV半透明效果截圖總結：根據以上兩個實例，第一個沒有設置半透明樣式，另外一個設置半透明樣式而實現了div層半透明效果，大家可以根據需要調整半透明值，實現想要半透明度。設置半透明效果要考慮IE瀏覽器、谷歌、火狐等瀏覽器兼容支持，所以我們半透明樣式代碼務必完整。

有兩種：1、background:#000; opacity:0.5; 這個方法是給盒子背景顏色透明，但盒子里面有內容的話，連內容也會透明，就是說子元素會繼承上一級的屬性2.background:rgba(0,0,0,0.5); 這個只針對背景顏色，子元素不會繼承上一級的屬性

怎樣在css樣式中設置背景的透明度,下面一個具體的實例。把類為box的層設為透明。其中background:#000; filter:alpha(opacity:30); opacity:0.3;為關鍵代碼，當opacity值為1時，表示完全不透明，為0時表示完全透明。其關的屬性介紹如下:opacity: 0.3；這是“最重要的”，因為它是在css的現行標準。這將在firefox，safari和opera的大多數版本的工作。這將是你所需要的一切如果所有的瀏覽器都支持目前的標準。當然是他們不會錯。filter:alpha(opacity=30);這一個是針對ie瀏覽器-moz-opacity:0.3;你需要這一個支持老版本的mozilla瀏覽器如netscape navigator。-khtml-opacity: 0.3;這是舊版本的safari（1.×）當渲染引擎是使用仍被稱為kthml，而不是目前的webkit。

css怎么設置透明度