色婷婷狠狠18禁久久YY,CHINESE性内射高清国产,国产女人18毛片水真多1,国产AV在线观看

css 去掉圖片背景透明

林玟書2年前12瀏覽0評論

CSS是網頁設計中不可或缺的一部分,其中涉及到的背景圖片處理較為常見。但有時圖片的背景可能會對設計風格產生很大的影響,這時需要去掉圖片背景的透明效果。下面介紹幾種常見的方法。

方法一:
background: url(圖片路徑) no-repeat scroll center transparent;
方法二:
background: url(圖片路徑) no-repeat scroll center 0;
方法三:
background-image: url(圖片路徑);
background-color: #FFF; 
方法四:
background: #FFF url(圖片路徑) no-repeat scroll center;

以上四種方法都可以實現去掉圖片背景透明效果。這里簡單介紹一下各自的實現方式。

方法一和方法二都是設置background屬性的值,并且將背景顏色設置為透明色,第一種方法中使用了transparent,第二種方法中使用了0。兩種方法的區別在于,第一種方法中transparent僅僅是顏色屬性,而第二種方法中0表示了位置屬性,即圖片垂直方向的位置,如果需要改變圖片水平方向的位置,只需要通過left、right屬性進行調整。

方法三和方法四都是通過分別設置background-image和background-color屬性的值進行實現。兩種方法的不同之處在于,方法四中將顏色屬性放在了最前面,這是因為background中的屬性有多種設置方式,如果將顏色屬性的設置放在最前面,可以使這些屬性更加清晰明了。

以上是實現去掉圖片背景透明效果的幾種方法,可以根據實際使用情況進行選擇。需要注意的是,這些方法適用的情況是圖片本身具有透明效果,如果圖片本身沒有透明效果,則不需要使用這些方法進行處理。