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)