css3如何實現圖片背景效果

1. 在css中將圖像作為網頁元素的背景可以通過什麼屬性

定義和用法

background 簡寫屬性在一個聲明中設置所有的背景屬性。

可以設置如下屬性：

• background-color

• background-position

• background-size

• background-repeat

• background-origin

• background-clip

• background-attachment

• background-image

如果不設置其中的某個值，也不會出問題，比如 background:#ff0000 url('smiley.gif'); 也是允許的。

通常建議使用這個屬性，而不是分別使用單個屬性，因為這個屬性在較老的瀏覽器中能夠得到更好的支持，而且需要鍵入的字母也更少。

默認值：

• not specified

繼承性：

• no

版本：

• CSS1 + CSS3

JavaScript 語法：

• object.style.background="white url(paper.gif) repeat-y"

實例

如何在一個聲明中設置所有背景屬性：

• body


• {


• background: #00FF00 url(bgimage.gif) no-repeat fixed top;


• }

2. 用CSS3如何把如圖中的紅色三角形的背景圖做成一體

簡單地說有1種方法
1.用png圖片（這樣最簡單）

用html+css寫過之後這種效果只能用圖片實現

3. CSS3如何實現磨砂玻璃背景效果

假如頁面有一個背景和一個透明的盒子，我們先將盒子范圍內的背景截取下來，在透明盒子之後設置一個偽元素用絕對定位格式化長寬讓其跟透明盒子一樣大小，在將偽元素背景設置為剛剛截取的圖片設置模糊、設置z-index讓偽元素在透明盒子之後，在給透明盒子設置一點陰影就好了。
核心代碼如下

4. CSS3 背景設置的方法有幾種

background-image添加背景圖片

background-size指定背景圖像的大小。CSS3以前，背景圖像大小由圖像的實際大小決定。

background-origin指定了背景圖像的位置區域

background-clip背景剪裁屬性是從指定位置開始繪制。

5. 用css怎麼實現如下圖片的效果

光暈，，其實就是CSS3的陰影，只是顏色搭配起來，看起來像是光影，，

你搜索CSS3 BOX-SHADOW

<style>
.box-shadow-3{
-webkit-box-shadow:0010pxrgba(0,204,204,.5);
-moz-box-shadow:0010pxrgba(0,204,204,.5);
box-shadow:0010pxrgba(0,204,204,.5);
}
<divclass="objbox-shadow-3"></div>

6. css3的png圖片背景半透明屬性怎麼做

實現透明的css方法通常有以下3種方式（以下是不透明度都為80%的寫法）

css3的opacity:x，x 的取值從 0 到 1，如opacity: 0.8

css3的rgba(red, green, blue, alpha)，alpha的取值從 0 到 1，如rgba(255,255,255,0.8)

IE專屬濾鏡filter:Alpha(opacity=x)，x 的取值從 0 到 100，如filter:Alpha(opacity=80)