導航:首頁 > 編程語言 > 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背景透明代碼相關的資料

熱點內容
微博緩存視頻在哪文件管理哪裡 瀏覽:697
linux上怎麼編程 瀏覽:957
極速騎行4的配置文件在哪裡 瀏覽:857
科源系統怎麼升級自動編程 瀏覽:36
買奶粉去哪個網站好 瀏覽:546
有什麼聽歌不要會員的app 瀏覽:515
什麼是圖形文件 瀏覽:789
javawindows文件路徑 瀏覽:147
ie恢復臨時文件夾 瀏覽:499
action跳轉到jsp頁面 瀏覽:346
萬能pdf閱讀器文件夾在哪 瀏覽:598
json傳遞字元串數組 瀏覽:486
steam的存檔在哪個文件夾 瀏覽:63
微信群聊天文件怎麼找 瀏覽:278
backup怎麼刪除數據 瀏覽:239
中國移動a2系統升級包 瀏覽:77
手機修改QQ群文件名 瀏覽:103
探岳app賬號和密碼在哪裡看 瀏覽:84
文件壓縮是什麼意思 瀏覽:774
有哪些可以幫別人碼字的app 瀏覽:399

友情鏈接