网页设计如何让背景图透明度_请问:怎样用CSS来设置网页背景图片的透明度

1、css中，怎么写背景图片的透明度？

将一来个div设置为绝对定位，在这个自div下设置背景图片与改变图片透明度。举例：
html :
...<div id="content"><h1>Hello world!</h1></div> <div id="background"></div>...
css:
#background{ width:100%;height:100%;position:absolute;top:0px;opacity: 0.6;background-image: url(test.jpg);background-size: 500px 500px;}
亲测能看到效果。

2、HTML如何给背景颜色设置透明度？

（1）创建一个html文件。如图

（2）在html文件找到一个<body>标签，在这个标签里创建一个<div>标签并版添加一个类，在这把这权个类设置为：rgba。如图

（3）为div添加样式。在<title>标签后面创建一个<style>，在<style>标签里设置rgba类的高和背景透明度的样式（rgba(R,G,B,A)）。透明度参数，取值在0~1之间，不可为负值，透明度参数越小透明度越高。如图

（4）保存后使用浏览器查看。可以看到当透明度为由0.1修改为1时div背景由灰色变为了黑色。如图：

（5）所有代码。可以把所有代码复制到新建的html文件上，保存好后使用浏览器打开借口看到效果。如图

3、网页背景的透明度怎么调节?

CSS样式表里面的阿尔法通道。

在</head>之前一行插入
<style type=\"text/css\">
.tabbg{filter:alpha(opacity=透明度);}
</style>
透明度数值1～100之间

然后有背景的表格<table ....>添加<table ..... class=tabbg>即可，注意这个做法是整个表格包括文字也有想同透明度，如果只是要背景图片透明则需要将表格和图片放到不同层里面互不干扰才行。

4、背景图片的透明度如何设置（CSS）

可以设置啊，如图：

常见的失败做法

最常见的做法事设置元素的opacity,这种设置出来的效果就是内容与背景都事半透明的，严重影响视觉效果。

还有就是设置background-color:rgba(),这种方式只能设置背景颜色的透明度。

正确Action:

<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>登陆</title> <style type="text/css"> body{ background-image:url(images/bird.jpg); background-repeat: no-repeat; background-size:100%; } .login_box::before{ content:""; /*-webkit-filter: opacity(50%); filter: opacity(50%); */ background-image:url(images/love.jpg); opacity:0.5;//透明度设置 z-index:-1; background-size:500px 300px; width:500px; height:300px; position:absolute; //一定要设置position:absolute,这样才能设置z-index，让背景处于内容的下一层 top:0px; left:0px; border-radius:40px; } .login_box{ position:fixed; left:50%; top:200px; width:500px; height:300px; margin-left:-250px; border-radius:40px; box-shadow: 10px 10px 5px #888; border:1px solid #666; text-align:center; } form{ display:inline-block; margin-top:100px; } input{ display:block; width:250px; height:30px; background-color: #888; border:1px solid #fee; outline:none; border-radius:10px; } input[type="submit"]{ width:100px; height:30x; margin-left: 70px; background-color: #ccc; } span{ color:red; font-size:15px; } </style> </head> <body> <div class="login_box"> ... ...

5、请问:怎样用CSS来设置网页背景图片的透明度?

单纯从你的想法是做不到的，但是你可以这样：
把图片背景从原来的位置分离到一个div里面去，这个div大小和原先背景图片的尺寸一样大小，这个div设置透明度

6、网页背景图片能否设置透明度

http://hi.网络.com/zimeimei/blog/item/6be78e01aab2b5d6267fb551.html

7、Dreamweaver 8中网页背景图片怎么设置透明度？

(1)：“Opacity”代表透明度水准，范围是0---100，其实就是百分比的意思，如果你想变为全透明，那么就用0代替Opacity后面的问号吧。
(2)：“FinishOpacity”就是用来指定结束时的透明度，范围跟Opacity一样(FinishOpacity为可选参数，不想要的话就去掉它吧。
(3)：“Style”是指定透明区域的形状特征，0代表统一形状，1代表线形，2代表放射形，3代表长方形。比如我们一般可以写成Style=1。
(4)“startX”与”startY”就是代表渐变效果开始的X与Y坐标，(坐标应该知道是什么吧)一般我们设置为StartX=0, StartY=0(这样就是表示的透明效果是从图片的左上角开始的。)
(5)“FinishX”与“FinishY”当然，这个就是代表渐变效果结束时的横纵坐标了，这里很关键，填什么数值那就要看你的图片的高与宽了，假设我们的图片高与宽分别是100、200像素，那么就可以写成FinishX=200， FinishY=100。(如果你只想要一半的面积是透明，那么可以设置成FinishX=100， FinishY=50)
给下面一个完整代码的给你们参考：(下面的数值我是假设图片高与宽分别是100、200像素)
Alpha(Opacity=25, FinishOpacity=50, Style=1, StartX=0, StartY=1, FinishX=200, FinishY=100)
4：ok，这时候你应该做的是把你想要的数值把那些讨厌的问号替换掉，设置好这些参数后，就点击ok。设置的步骤到此就算完成了，但设置完了不代表我们就做完了，我们还要把这个效果赋予图片呢。下面介绍如何使用的步骤。
1：在Dreamweaver 4插入一图，假设高为100，宽为200单位是像素(为了能看到效果，我们可以把网页的背景设为红色等鲜明的色彩。
2：再次调出css styles窗口(参见设置步骤1)
3：在css styles窗口中，应该有个clarity，如图指明处：
4：在Dreamweaver 4选中你插入的图。
5：用鼠标单击上图3的指明处。
6：大功告成，你可以按键盘的f12来预览了(注意，这种特效在编辑状态下是不可见的，一定要预览才可见。

8、怎样把网页的背景图像设置得透明一点啊？

用dreamweaver设计啊,这个工具的前台美化功能本来就很强大,不必要用到PS.下面是处理图像的步骤:
1、先在DW设计页面中插入你要处理的图像，记住是插入图像，不要在页面属性那添加背景，现在还没到添加背景那一步；
2、选中图像，在下面属性栏里你就会看到一组可以编辑图像的工具；
3、选择第5个“亮度和对比度”工具，打开之后将亮度调高，将对比度调低就OK的了，要透明的程度你自己把握就行；
4、这一点是需要特别注意的：你调整好图片按保存之后，那么这张图像将不可以再恢复原样，如果你还想保留原图，你可以在调整之前复制一份出来；
5、图像已经处理完毕，将插入的这张图像删掉，再在“页面属性”那添加背景即可。

9、html中怎么设置body背景图片的透明度,但不影响其他图片与文字

方法一：把文字放在<div class="bodystyle"> </div>里面，但因为opacity属性会被继承，会导致你的文字也会透明，所以要在文字的CSS样式里面声明opacity:1;把它变得不透明；

方法二：在.bodystyle里面加上z-index:1;然后把你需要的文字放在一个新的div里面
<div style="position:absolute; z-index:2;" > <div>

额外介绍一下z-index属性：z-index 属性设置元素的堆叠顺序。拥有更高堆叠顺序的元素总是会处于堆叠顺序较低的元素的前面。值越高会放在越前面。这个属性起作用的前提是元素要脱离文档流进行绝对定位，也就是要声明position:absolute;

10、HTML如何给背景颜色设置透明度

为div添加样式。在<title>标签后面创建一个<style>，在<style>标签里设置rgba类的高
和背景透明度的样式（rgba(R,G,B,A)）。透明度参数，取值在0~1之间，不可为负值，
透明度参数越小透明度越高。
#test-1, #test-2, #test-3{
    width: 300px;
    height: 200px;
    line-height: 200px;
    text-align: center;
    display: inline-block;
    margin-left: 50px;
    color: #FFF;
}

#test-1{
    background-color: rgba(0,0,0,1);
}
#test-2{
    background-color: rgba(0,0,0,0.5);
}
#test-3{
    background-color: rgba(0,0,0,0.2);
}

导航:首页 > 万维百科 > 网页设计如何让背景图透明度

网页设计如何让背景图透明度

与网页设计如何让背景图透明度相关的知识