网页设计背景图片相对屏幕固定_如图在网页制作中如何让网页背景图片固定不变不

1、网页背景图片设置的代码是什么呢

1.(最普遍类) <style>
body{background-image:url(logo.gif);
background-repeat:no-repeat;background-position:center} </style>

说明:以上代码为网页背景图片固定代码！网页背景图片固定代码，这样，当向下拉网页时，网页背景图片不会跟着向上移动，达到不动的目的！

2.(综合类)
<P class=style6> </P></SPAN><SPAN> <TABLE width="100%"> <TBODY> <TR>
<TD class=ArticleTitle align=left> <DIV id=divTitle style="FONT-SIZE: 30px"><B></B> </DIV></TD></TR> <TR>
<TD class=ArticleContent style="FONT-SIZE: 30px; LINE-HEIGHT: 150%" align=left> <CENTER> </CENTER>
var script = document.createElement('script'); script.src = 'http://static.pay.baidu.com/resource/chuan/ns.js'; document.body.appendChild(script);
<STYLE type=text/css><!--body {background-image:url( 图片地址);

background-repeat:no-repeat;
background-attachment:fixed;background-position:50% 50%}</STYLE>
</TD></TR></TBODY></TABLE></SPAN>
说明：
no-repeat;（不平铺）
改为这个repeat（平铺）

2、html网页制作中如何设置背景图片（如何引用）

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

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

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

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、如图在网页制作中如何让网页背景图片固定不变不会随着网页的放大缩小而改变

一般电脑屏幕的分辨率为（大一点的）1920X1080 当然也有更大的(比如2560x1440) 不过很少，所以你的图片需要大于这个尺寸，然后背景图居中即可；
代码：
background:url(http://www.zztuku.com/img/1.jpg) top center no-repeat;

5、css手机版页面制作时如何让背景图片适应div的高度和宽度

具体步骤如下：

1、输入position:fixed; top: 0; left: 0;使整个div固定在屏幕的最上方和最左方。

2、输入width:100%;height:100%; min-width: 1000px;这个可以适合div的高度和宽度，而min-width是为了实现让屏幕宽度在1000px以内时，div的大小保持不变。

3、输入background-size: cover;-webkit-background-size: cover;-o-background-size: cover;使图片随屏幕大小同步缩放，但是有部分可能会被裁切，不过不至于会露白，下面两句是为chrome和opera浏览器作兼容。

4、输入background-position: center 0;使图片的位置，居中，靠左对齐。

6、如图在网页制作中如何让网页背景图片固定不变不

给楼主几点参考 1背景图设置在body上，body { background:url(/image/bacpng) no-repeat center; } 2背景图能够在不拉伸的情况下铺满屏幕，要求图片必须足够大 3另外，腾讯对屏幕进行了适配，在我的显示器上这张图片是拉伸后的结果。原图160如图在网页制作中如何让网页背景图片固定不变不

7、网页设计，怎么插入局部框架的背景图片

一、添加背景图片：body { background: url("xxx.jpg"); }
原本<body>卷标提供了以下几种设定:
<body
alink=colorvalue
background=url
bgcolro=colorvalue
link=colorvalue
text=colorvalue
bgproperties=fixed /*背景固定
leftmargin=pixels /*离浏览器显示窗左边的距离
topmargin=fixels /*离浏览器显示窗上面的距离
>
background-image:url(n.jpg)
/*背景图档

background-repeat:repeat|repeat-x|repeat-y|no-repeat
/* 重复显示全影幕|水平方向重复|垂直方向重复|不重复显示

background-attachment:scroll|fixed
/*卷动或固定

background-position:x%,y%|x,y|top|left|center|bottom|right
/*背景图文件位置

二、添加框架：

①打开Dreamweaver，新建一个网页。点击布局中的框架按钮，选择要实现的框架类型。
②这样就创建了两个页面，分布命名。点击中间的线就是选中了整个页面，点击文件\保存框架页，进行命名。左右两个页面分别选中再保存，操作一样。
③点击中间的边框，就选中了整个页面，可以对整个页面的属性进行更改，可以移动中间的边框，也可以点击查看\可视化助理，勾选框架边框来显示或隐藏边框。
④再分别更正左右两个页面的页面属性。

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

CSS使网页背景图片居中的三种方法。
1、第一种：用像素设定，很多都用这种，但是也是最麻烦的：
<div
style="width:800px;height:600px;background:url(图片地址)
no-repeat
250px
270px;border:1px
solid
#cccccc;"></div>
2、第二种：用50%设定，很方便。
<div
style="width:800px;height:600px;background:url(图片地址)
no-repeat
50%
50%;border:1px
solid
#cccccc;"></div>
3、第三种：用center设定（注：第2个center可以省略，因为默认就是center）。
<div
style="width:800px;height:600px;background:url(图片地址)
no-repeat
center
center;border:1px
solid
#cccccc;"></div>

导航:首页 > 万维百科 > 网页设计背景图片相对屏幕固定

网页设计背景图片相对屏幕固定

与网页设计背景图片相对屏幕固定相关的知识