當前位置:首頁 » 背景圖片 » html背景圖片透明度
擴展閱讀
以色列早上好動態圖片 2024-09-17 04:07:41
海景夕陽圖片素材 2024-09-17 03:26:24
關於出去玩的圖片有哪些 2024-09-17 03:03:55

html背景圖片透明度

發布時間: 2022-01-08 18:01:35

Ⅰ 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>

Ⅲ 如何設置HTML圖片的背景顏色為透明的

1、首先新建一個記事文本,重新命名背景顏色.html,按回車確認,如下圖所示。

Ⅳ 如何設置HTML圖片的背景顏色為透明的

需要准備的材料分別有:電腦、chrome瀏覽器、html編輯器。

1、首先,打開html編輯器,新建html文件,例如:index.html,編寫問題基礎代碼。

Ⅳ HTML如何給背景顏色設置透明度

(1)創建一個html文件。如圖

Ⅵ 請問:怎樣用CSS來設置網頁背景圖片的透明度

CSS Alpha透明的相關知識。先請看如下代碼:

filter:alpha(opacity=50); /* IE */
-moz-opacity:0.5; /* Moz + FF */
opacity: 0.5; /* 支持CSS3的瀏覽器(FF 1.5也支持)*/

簡單解釋,IE使用私有屬性filter:alpha(opacity),Moz Family使用私有屬性-moz-opacity,而標準的屬性是opacity(CSS 3, Moz Family部分支持CSS3)。後面的數值是透明度,使用百分比或者小數(alpha(opacity))使用大於0小於100的數值,其實也是百分比)。
從上面的代碼中你沒有看到Opera。沒錯,Opera還未支持標準的opacity,也沒有其私有的可支持Alpha透明的屬性。
但是,我們知道,Opera是支持Alpha透明的PNG圖片的(當然Moz Family也支持)。所以我們可以使用背景圖片來實現Alpha透明效果。
關鍵在於:
background:transparent url(alpha80.png) left top repeat!important;
background:#ccc;
filter:alpha(opacity=50);

既然Moz Family支持Alpha透明的PNG,所以我們沒有必要使用其私有屬性了。當然,你可以使用標準的opacity,但別同時使用Alpha透明圖片和opacity,這樣的話就成了兩者的混合了。你可以把上面的例子下載過來,然後/*opacity:.5;*/的注釋看看。

Ⅶ HTML能否把背景圖改成透明的

<body bgcolor="#000000">改成

<body background="c:\aaa.jpg">
就可以了
c:\aaa.jpg可以替換成你想要的圖片路徑

第一張圖,background="d:\my documents\my pictures\1.jpg",不是background"d:\my documents\my pictures\1.jpg" 少個等號

第二次,background:url(d:\my documents\my pictures\1.jpg)",不是background:url(d:\my documents\my pictures\1.jpg"",最後多個引號少個括弧

順便說一下我們這兩種做法的原理都是用一張你想要做桌面背景的圖來當html的背景,不是把Html變透明,html的背景是無法透明的,因此這個1.jpg就應該是整個桌面背景圖了,不能在桌面上挖出一塊說這里放個html還要他背景透明

Ⅷ css怎麼調背景圖片透明度

只能使用css濾鏡效果,但是只能IE支持此效果,其他瀏覽器是不支持的,建議換成PNG的透明圖片,用JS來調整IE6下PNG失效的bug。

Ⅸ css中,怎麼寫背景圖片的透明度

親,我們經常會使用到背景圖片,但有時候需要把背景圖片設置一個半透明的效果,那麼就需要以下的CSS了。這是一個CSS濾鏡達到的效果,應用十分廣泛。
.modbr{filter:alpha(opacity=80);-moz-opacity:0.8;width:auto !important;width:100%}

註:
代碼應用的式CSS中的Alpha濾鏡,這個濾鏡可以設置目標元素的透明度。還可以通過指定坐標,從而實現各種不同范圍的透明度。具體語法如下:
{filter:alpha(opacity=#opacity,finishopacity=#finishopacity,
style=#style,startx=#startx,starty=#starty,finishx=#finishx,finishy=#finishy)}
具體參數含義如下:
「opacity」表示透明度調節,范圍在0-100,0表示完全透明,100表示完全不透明。
「finishopacity」 是一個可選參數,如果想要設置漸變的透明效果,就可以使用他們來指定結束時的透明度。范圍也是0 到 100。
「style」 指定透明區域的形狀特徵:0 代表統一形狀,1 代表線形,2 代表放射狀,3 代表矩形
「startx」 漸變透明效果開始處的 X坐標。
「starty」 漸變透明效果開始處的 Y坐標。
「finishx」 漸變透明效果結束處的 X坐標。
「finishy」 漸變透明效果結束處的 Y坐標。
以上的參數可以選用,可以只設置一個opacity
如果設置成下面代碼,就表示背景式半透明的:
{filter:alpha(opacity=50)}