CSS3 背景圖片半透明
在 CSS3 中，背景圖片可以通過 opacity 屬性來實現(xiàn)半透明。這可以非常方便地為網頁添加柔和的效果。
要使背景圖片半透明，可以設置樣式如下：
p {
background-image: url("bg.jpg");
opacity: 0.5;
}
該樣式會將背景圖片設置為"bg.jpg"，并將其的透明度設置為 0.5。
此外，還可以通過 rgba 顏色值來實現(xiàn)背景圖片的半透明效果。以下是示例代碼：
p {
background-color: rgba(0,0,0,0.5);
background-image: url("bg.jpg");
}
該樣式代碼設置了背景顏色為黑色，并將透明度設置為 0.5，然后再將背景圖片設置為"bg.jpg"。
需要注意的是，如果要在支持舊版 CSS 的瀏覽器中顯示半透明背景圖片，需要使用 opacity 屬性和 filter:alpha(opacity=50) 樣式來兼容。示例代碼如下：
p {
background-image: url("bg.jpg");
opacity: 0.5;
filter:alpha(opacity=50);
}
在這種方法中，opacity 屬性設置透明度為 0.5，而 filter:alpha(opacity=50) 樣式則是為了兼容舊版 IE，其中 50 是透明度的百分比值。
總之，CSS3 的半透明背景圖片讓網站的設計煥發(fā)出不同尋常的魅力，且實現(xiàn)起來非常簡單，只需一些簡單的樣式代碼，就能輕松實現(xiàn)。