導航:首頁 > 編程語言 > html5背景透明代碼

html5背景透明代碼

發布時間:2023-07-21 06:27:47

1. 在網頁中透明背景的html代碼是什麼

http://www.16sucai.com/2011/04/6655.html看這邊解釋,代碼如下,兼容瀏覽器的代碼

filter:alpha(opacity=50);
-moz-opacity:0.5;
-khtml-opacity: 0.5;
opacity: 0.5;

2. html透明代碼

效果圖:

<styletype="text/css">
.div1{width:300px;height:200px;position:relative;background:url(geas.jpg)}
.div1.bg{width:300px;height:200px;position:absolute;left:0;top:0;z-index:1;background:#ffffff;opacity:0.6;}
.div1a{width:160px;height:100px;display:block;position:absolute;left:70px;top:50px;z-index:2;}
</style>
<divclass="div1">
<divclass="bg"></div>
<ahref="#"><imgsrc="mum.jpg"width="160"height="100"/></a>
</div>

3. 再HTML中如何設置一個表格的背景色為透明的

1、首先創建一個基礎的html文件,並根據下圖錄入代碼。

4. HTML5怎麼設置透明色

問題分析:
HTML的標簽可以使用CSS的background-color來設置背景顏色以及透明度。
舉例如下:
以下示例將分別演示不透明、50%透明度以及20%透明度的三種不同效果。
HTML代碼:

123456789

<div id="test-1"> 我是黑色背景,不透明的。</div><div id="test-2"> 我是黑色背景,50%透明度。</div><div id="test-3"> 我是黑色背景,20%透明度。</div>

CSS代碼:

123456789101112131415161718
#test-1, #test-2, #test-3{ width: 300px; height: 200px; line-height: 200px; text-align: center; display: inline-block; margin-left: 50px; color: #FFF;}#test-1{ background-color: rgba(0,0,0,1);}#test-2{ background-color: rgba(0,0,0,0.5);}#test-3{ background-color: rgba(0,0,0,0.2);}

閱讀全文

與html5背景透明代碼相關的資料

熱點內容
魅族pro5自帶瀏覽器怎麼升級 瀏覽:342
為什麼用數據還是載入慢 瀏覽:171
監控下面有網路如何隔離 瀏覽:748
前台中jrequestjson 瀏覽:435
怎麼在word里粘貼xls文件 瀏覽:710
買火車票什麼網站 瀏覽:757
jsp的六大 瀏覽:216
圖文數據要如何導入資料庫 瀏覽:207
軟體數據刪了恢復怎麼弄 瀏覽:517
小米筆記本電腦共享文件 瀏覽:812
cad字體文件夾添加國標字體 瀏覽:938
電腦輸出pdf文件有什麼用 瀏覽:695
微信滿人 瀏覽:585
js點擊按鈕下載圖片 瀏覽:922
數據有效性哪裡設置的 瀏覽:171
orl刪除表的資料庫 瀏覽:353
cad文件0位元組可以修復么 瀏覽:675
瀏覽器下載的軟體在文件中怎麼找 瀏覽:906
怎麼把word圖片變小 瀏覽:278
cf的文件夾 瀏覽:556

友情鏈接