1、設(shè)置透明度是不會(huì)被繼承的,所以不用頭疼繼承的問(wèn)題.字體透明度便設(shè)置成color:rgba(0,0,0,0.5);邊框:border:5px solid rgba(0,0,0,0.5);或者背景都可以。兼容性。
成都創(chuàng)新互聯(lián)公司專業(yè)為企業(yè)提供玉田網(wǎng)站建設(shè)、玉田做網(wǎng)站、玉田網(wǎng)站設(shè)計(jì)、玉田網(wǎng)站制作等企業(yè)網(wǎng)站建設(shè)、網(wǎng)頁(yè)設(shè)計(jì)與制作、玉田企業(yè)網(wǎng)站模板建站服務(wù),10余年玉田做網(wǎng)站經(jīng)驗(yàn),不只是建網(wǎng)站,更提供有價(jià)值的思路和整體網(wǎng)絡(luò)服務(wù)。
2、首先新建一個(gè)html文件,添加一個(gè)DIV,設(shè)置寬度和高度,以及背景色填充為紅色。然后在父級(jí)DIV中插入一個(gè)子DIV,定義它的寬高,以及背景色(background:#fff;)。
3、設(shè)置元素的透明度:-moz-opacity:0.8; /*在Firefox中設(shè)置元素透明度 filter: alpha(opacity=80); /*ie使用濾鏡設(shè)置透明 但是當(dāng)我們對(duì)一個(gè)標(biāo)簽設(shè)置背景的透明度時(shí),往往我們并不希望該標(biāo)簽上的文字圖片也變成半透明了。
在index.html中的標(biāo)簽中,對(duì)“article”添加樣式:opacity: 0.5;,對(duì)“article p”添加樣式:opacity: 1;。瀏覽器運(yùn)行index.html頁(yè)面,此時(shí)背景是50%透明度,但字體是不透明的。
樓主是對(duì)整個(gè)登錄div設(shè)置了opacity,因此整個(gè)登錄框都是半透明的。
首先我們新建一個(gè)html文件,添加一個(gè)DIV,設(shè)置寬度和高度,以及背景色填充為紅色。然后在父級(jí)DIV中插入一個(gè)子DIV,定義它的寬高,以及背景色。然后我們添加一個(gè)透明度的代碼(opacity:0.6)。
opacity屬性是用來(lái)設(shè)置元素的不透明度的,它建立在每個(gè)元素上是100%不透明的狀態(tài),但是它可以通過(guò)改變不透明度的值來(lái)顯示元素它們的透明度,接下來(lái)的這篇文章我們就來(lái)詳細(xì)介紹CSS中opacity屬性的用法。
1、FinishOpacity:設(shè)置漸變的透明效果時(shí),用來(lái)指定結(jié)束時(shí)的透明度,范圍也是0 到 100。Style:設(shè)置漸變透明的樣式,值為0代表統(tǒng)一形狀、1代表線形、2代表放射狀、3代表長(zhǎng)方形。StartX和StartY:代表漸變透明效果的開(kāi)始X和Y坐標(biāo)。
2、div style=background-color: rgba(0,0,0,0.3);這是一個(gè)盒子的內(nèi)容/div 用以下方法可以將標(biāo)簽的背景顏色設(shè)置為半透明。
3、通過(guò)CSS樣式表設(shè)置 filter:alpha(Opacity=50); /*IE支持,取值0-100*/ opacity: 0.5; /*HTML5瀏覽器,取值0-1*/ 這種方法包括背景,內(nèi)容的文字、圖片、邊框都會(huì)變?yōu)榘胪该鳌?/p>
4、圖片小了同樣會(huì)增加頁(yè)面的渲染計(jì)算量,那么這時(shí)也許就 需要用CSS濾鏡了。
首先,打開(kāi)html編輯器,新建html文件,例如:index.html。
不僅div容器半透明了,連div里面的文字和圖片都把透明了。由于這些濾鏡的屬性已經(jīng)繼承給了子元素,所以會(huì)出現(xiàn)這種效果。
CSS實(shí)現(xiàn)背景圖像透明需要用到的屬性是opacity屬性,但是在有文字的情況下,為了防止文字透明我們需要將元素分開(kāi)。
第二行代碼支持老版本的FF瀏覽器,其實(shí)去掉也可以,因?yàn)槔习姹镜臑g覽器使用率很少了。第三行能夠支持各大瀏覽器,但是IE6-IE8瀏覽器不支持。
設(shè)置背景顏色半透明的樣式代碼background-color:rgba(0,0,255,0.5);運(yùn)行結(jié)果為 透明原理:把背景顏色設(shè)置為rgb的方式,然后再加一個(gè)透明度就可以設(shè)置為半透明了。注意:設(shè)置背景顏色時(shí)哪里應(yīng)該寫成rgba。
HTML代碼:123456789 div id=test-1 我是黑色背景,不透明的。/divdiv id=test-2 我是黑色背景,50%透明度。/divdiv id=test-3 我是黑色背景,20%透明度。
Alpha:設(shè)置透明度 Alpha(Opacity=?, FinishOpacity=?, Style=?, StartX=?, StartY=?, FinishX=?, FinishY=?)Opacity:透明度級(jí)別,范圍是0-100,0代表完全透明,100代表完全不透明。
綠色:#00FF00 藍(lán)色:#0000FF 黃色:#FFFF00 黑色:#000000 白色:#FFFFFF 除此之外,HTML還支持RGB和RGBA顏色表示方法。
如何設(shè)置背景顏色?php中文網(wǎng)教你如何通過(guò)編輯HTML來(lái)設(shè)置網(wǎng)頁(yè)的背景顏色,希望對(duì)你有一定的幫助。一:設(shè)置背景顏色準(zhǔn)備編輯HTML首先確定要使用的背景顏色,HTML顏色由每個(gè)代碼決定。
html給背景圖片設(shè)置透明度的方法有2種 使用opacity屬性,給設(shè)置背景圖片的元素添加“opacity:透明度值;”樣式即可;屬性值從 0.0 到 0。
首先新建一個(gè)記事文本,重新命名背景顏色.html,按回車確認(rèn),如下圖所示?;氐阶烂孢x中新創(chuàng)建的背景顏色.html文件,右鍵選擇記事本打開(kāi),然后在記事本中手動(dòng)輸入圖中代碼,這是一個(gè)標(biāo)準(zhǔn)的html頭尾格式。