導航:首頁 > 萬維百科 > 網頁設計怎麼設置背景的透明度

網頁設計怎麼設置背景的透明度

發布時間:2020-10-21 02:55:19

1、網頁設計中,如何使div的透明度和它的內容的透明度分離?

這個問題曾經也困擾我,後來看了一些大的插件的寫法,才得以解決:

他們是這樣做的:

首先,由於CSS的透明度是繼承的,意思是當一個html 元素設置了半透明濾鏡時,他的所有子元素都默認繼承半透明。

插件的解決方案是將要透明的背景和不需要透明的內容分離,做成兩個兄弟元素,然後通過position屬性來定位,以此來實現,背景透明,內容不透明的視覺效果。實際上這兩個元素並不是父子關系,而是兄弟關系,這是一種視覺欺騙。

圖片示例:

2、平面設計比賽,把一張網路圖片降低透明度作為背景,算抄襲或者侵權之類的嗎?

設計比賽,把一張網路圖片降低透明度作為背景,算抄襲或者侵權之

與網頁設計怎麼設置背景的透明度相關的知識