html背景色透明
⑴ html背景透明怎麼設置
html-css 中讓一個DIV的背景色是半透明的,但它的內容(文字圖片之類的)不是透明的,版這個的話,權是可以通過設置2個div來實現的,第一個包裹著第二個div然後在設置相同的div寬高,在將第一個的opacity為0.6;代碼如下:
<html>
<head>
<style>
div{
widht:220px;
height:300px;
}
#div1{
background:#fff;
opacity:0.6;
z-index:10;
}
#div2{
z-index:11;
}
</style>
</head>
<body>
<div id='div1'>
<div id='div2'>
<p>我是測試文字</p>
</div>
</div>
</body>
</html>
⑵ 用css實現div的黑色透明
現在比較穩妥的做法是做一個半透明的黑色PNG圖片,然後把它作為背景,因為單純用CSS來寫回,在IE8及以下版本答裡面是不生效的。當然如果一定要用CSS來實現的話,也容易,可以直接設置這個元素的透明度,例如下面這樣:
background:#000; opacity: 0.8;
也可以直接設置背景色為透明色,例如:
background:rgba(0,0,0,0.8);
這也是樓上的方法,相對而言這個方法還是比較簡潔的,只是會遇到一點點瀏覽器兼容的問題罷了。
⑶ css里怎麼給背景圖片變透明點 給圖片的div加什麼代碼才能實現呢
1、新建html文檔,在body標簽中添加一個img標簽,這時默認情況下圖片是不透明的:
⑷ 如何設置HTML圖片的背景顏色為透明的
1、首先新建一個記事文本,重新命名背景顏色.html,按回車確認,如下圖所示。版
⑸ CSS怎麼設置讓背景顏色透明,而文字不透明
1、首先我們新建一個html文件,添加一個DIV,設置寬度和高度,以及背景色填充為紅色。
⑹ css怎麼可以只讓背景透明 文字不透明
1、首先新建一個html文件,添加一個DIV,設置寬度和高度,以及背景色填充為紅色。
⑺ 如何設置HTML圖片的背景顏色為透明的
需要准備的材料分別有:電腦、chrome瀏覽器、html編輯器。
1、首先,打開html編輯器,新建回html文件,例如:index.html,編寫問題基礎代碼答。
⑻ HTML如何給背景顏色設置透明度
為div添加樣式。在<title>標簽後面創建一個<style>,在<style>標簽里設置rgba類的高
和背景透明度的樣式(rgba(R,G,B,A))。透明度參數,取值在0~1之間,不可為負值,
透明度參數越小透明度越高。
#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);
}
⑼ 再HTML中如何設置一個表格的背景色為透明的
1、首先創建一個基礎的html文件,並根據下圖錄入代碼。
⑽ Html表格背景顏色透明度怎麼調,只用HTML和css
html中設置背景和背景顏色的透明度有兩種方式:
1.通過rgba方式設置
例如: background:rgba(0,0,0,.5);
優點:可對回任意顏色設置透明答度
缺點:存在兼容性問題:針對IE9以下瀏覽器不兼容
2.通過backgroud和opacity設置
例如:background:#000000;
opacity:0.6;
優點:兼容性好
缺點:只針對於背景顏色設置透明度。