导航:首页 > 万维百科 > 网页设计背景图虚化

网页设计背景图虚化

发布时间:2021-02-24 03:35:06

1、网页设计怎样做出背景虚化的效果

一、你指的这个是用ps工具实现的,方法如下(以ps为例):
1、在中打开背景图;
2、点击菜单栏中的滤镜;
3、点击模糊,选择高斯模糊;

5、通过调整半径来调整模糊的强度(半径越大越模糊):

二、全屏显示的css代码如灵猫所示:
.bg { background-image:url(scale.jpg); -moz-background-size: 100% 100%; /* Firefox 3.6 */ -o-background-size: 100% 100%;/* Opera 9.5 */ -webkit-background-size: 100% 100%;/* Safari 3.0 */ background-size: 100% 100%;/* Firefox 4.0 and other CSS3-compliant browsers */ -moz-border-image: url(scale.jpg) 0; /* Firefox 3.5 */ filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='scale.jpg', sizingMethod='scale');/* for < ie9 */}

2、html网页设计里面怎么平铺背景图片

html网页设计里面平铺背景图片的代码如下:
<html>
<body>
<div id="Layer1" style="position:absolute; left:0px; top:0px; width:100%; height:100%">
<img src="pictures/background.jpg" width="100%" height="100%"/>
</div>
</body>
</html>
网页背景默认是平铺整个屏幕的,可能有以下原因导致不能平铺:

1、图片不够大,又background属性不能拉伸图片;
2、只能用个div,把其z-index值设为负,并使这个div大小为整个body大小,在div里用<img> ;
3、body的background属性去掉,要不然会被遮住。

3、html网页设计里面怎么平铺背景图片?

html网页设计里面平铺背景图片的代码如下:
<html>
<body>
<div id="Layer1" style="position:absolute; left:0px; top:0px; width:100%; height:100%">
<img src="pictures/background.jpg" width="100%" height="100%"/>
</div>
</body>
</html>
网页背景默认是平铺整个屏幕的,可能有以下原因导致不能平铺:

1、图片不够大,又background属性不能拉伸图片;
2、只能用个div,把其z-index值设为负,并使这个div大小为整个body大小,在div里用<img> ;
3、body的background属性去掉,要不然会被遮住。

4、在网页设计中怎么让背景图片水平居中

background-image:url(/images/bg.jpg); /*背景图片*/
background-repeat:no-repeat; /*背景图片不重复*/
background-position:center top; /*水平居中,垂直顶对齐*/

5、网页设计>关于背景图片的使用选择

一种方法是设来计网页的时候就把源半透明的效果做进去 这个好像不符合你的要求

此外CSS设置中包括对图片的alpha值和opacity的设置 也就是图片的透明度 只要设置好相应的CSS样式 任何图片都可以变成半透明的

6、html网页制作中如何设置背景图片(如何引用)

1、首先打开Atom编辑器导入项目文件夹,先创建一个index.html的文件。定义一下html文件的主信息:

2、然后填写自己的网页内容, 设置一下样式,直接在body后面加上background="图片名字"即可插入图片:

3、最后来到浏览器,刷新一下网页,这样就会显示背景了:

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

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

8、php & html 网页设计,如何把登录界面虚化,如图1:

css控制透明度:

filter:alpha(opacity=50); /*IE滤镜,透明度50%*/
-moz-opacity:0.5; /*Firefox私有,透明度50%*/
opacity:0.5;/*其他,透明度50%*/

9、网页设计中,怎么用CSS做出磨砂的背景效果?

代码:透明背景(带磨砂玻璃效果)注:在粘贴到空白模板前一定先打个空格。

<STYLE type=text/css>

.bodytop{background:#transparent}

.banner{ background:#transparent}

.menu{ background:#transparent}

.bodyBg {background:#transparent;filter:progid:DXImageTransform.Microsoft.gradient(GradientType ='1',enabled='true',startColorstr=#AAFFFFFF, endColorstr=#AAFFFFFF);}

.zone{ background:#transparent}

.bodyBottom{background:#transparent}

.feeds .up{background:#transparent}

.feeds .down{background:#transparent }

.feeds .function{background:#transparent}

.feeds .page{background:#transparent}

.aList .sysHand .up{background:#transparent}

.aList .sysHand .down{background:#transparent}

.gbook .sysHand .up{background:#transparent}

.gbook .sysHand .down{background:#transparent}

.gbook .title{display:none;}

.logo{display:none;}

.gbook .page{background:#transparent }

.gbook .login{background:#transparent}

.box_1{background:#transparent}

.box_2{background:#transparent}

.calendar{background:#transparent}

.calendar .mid{background:#transparent}

.calendar .top{background:#transparent}

.calendar .title{background:#transparent}

.calendar .bold td{background:#transparent}

.calendar .bottom{background:#transparent}

.callboard .mid{background:#transparent}

.callboard .mid img{background:#transparent}

.callboard .front{background:#transparent}

.callboard .back{background:#transparent}

.callboard table{background:#transparent}

.callboard .up{background:#transparent}

.callboard .down{background:#transparent }

.sysBr{background:#transparent}

.sysBr210{background:#transparent}

.label{background:#transparent}

.label .mid{background:#transparent}

.label .top{background:#transparent}

.label .bottom{background:#transparent}

.photo{background:#transparent}

.photo .mid{background:#transparent}

.photo .image{background:#transparent}

.photo .top{background:#transparent}

.photo .bottom{background:#transparent}

.links{background:#transparent}

.links .up{background:#transparent}

.links .down{background:#transparent }

.links .mid{background:#transparent}

body{background:url("
http://s11.sinaimg.cn/orignal/439175a380fda7635072a
") repeat fixed!important;}

.add{background:#transparent}

.add .ico{background:#transparent}

</STYLE>

10、网页设计:如何让两张背景图片融合在一起(渐变)?

看看是不是同一个背景图。是的话改图,不是的话去掉单独的样式。

与网页设计背景图虚化相关的知识