导航:首页 > 万维百科 > 网页设计将背景图片和页面一起缩放

网页设计将背景图片和页面一起缩放

发布时间:2020-09-03 07:44:27

1、网页制作背景图片如何自动缩放

是啊,背景图片不好改啊,
1
把背景图片做成是统一的,比如统一
是红色的,那么不管你网页多长,背景都不会改变
2
内容太多了可以分成几页啊,下面加上分页符号不就行了,我就是这样做的.

2、html背景图片如何自动缩放,

纯HTML没办法做到自动缩放,至于JS我就不清楚了。

我这边推荐HTML两种方法:
1、同时制作手机端、PC端、IPAD端三张背景图片。根据不同环境调用!
2、只做一张图,利用background-image的background-size:属性来适应屏幕,如下代码; background-image:url(../image/img.png); background-repeat:no-repeat; background-size:100% 100%;-moz-background-size:100% 100%;}

3、在html中将插入背景图片,如何让背景图片跟屏幕一样大?

方法:首先点击【新建文件夹】,放入背景图片,在Dreamweaver CS6中点击【新建一个html空白文档】,.将页面内容放入<body></body>中,在<body后按一下空格键,找到background,再按空格,点击【浏览】,选中背景图,点击【确定】,将html另存为在“表格”文件夹里。这样就可以让背景图片跟屏幕一样大。

4、css 背景随页面 缩放

背景图片自动适应窗口变化CSS:
body {
background-image:url(*.jpg);
background-size:100% 100%;
}

5、怎么让网页的背景图片随着页面的拉伸而拉伸

|background-repeat : repeat | no-repeat | repeat-x | repeat-y 取值: repeat : 默认值。背景图像在纵向和横向上平铺 no-repeat : 背景图像不平铺 repeat-x : 背景图像仅在横向上平铺 repeat-y : 背景图像仅在纵向上平铺

6、如图 在网页制作中 如何让网页背景图片固定不变 不会随着网页的放大缩小而改变

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

7、网页制作,求教如何让背景图片随窗口等比例变化?

背景图片,这个要在网站主页页面中设置啦, 把背景图片放入一个DIV标签,大小要跟图片一样大,然后新建这个DIV的CSS属性,把CSS属性里面方框里面的(上图圈住属性里面全改成自定义就行了)

8、有没有使网页中背景图片随窗口大小缩放的HTML代码?

没有!JS才行

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

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

10、div+css怎么让背景图片自动缩放

.imgDiv{

width:500px;

height:500px;

background-image:url('../images/index.jpg');

-moz-background-size: 100% 100%;  

-o-background-size: 100% 100%;  

-webkit-background-size: 100% 100%;  

background-size: 100% 100%;  

-moz-border-image: url(./btn.png) 0;  

background-repeat:no-repeat9;  

background-image:none9;

(此处空一行)

filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../images/index.jpg', sizingMethod='scale')9;

(10)网页设计将背景图片和页面一起缩放扩展资料:

css控制背景图片自动伸缩自适应的小技巧

例子如下:

.picLUp{  

background:url(logo.png) no-repeat;  

width:100%;height:40%;  

background-size:100% 100%;  

}  

语法:

filter : progid:DXImageTransform.Microsoft.AlphaImageLoader ( enabled=bEnabled , sizingMethod=sSize , src=sURL )

属性:

enabled: 

可选项,布尔值(Boolean),设置或检索滤镜是否激活。true | false

true: 

默认值,滤镜激活。

false: 

滤镜被禁止。

sizingMethod: 

可选项,字符串(String),设置或检索滤镜作用的对象的图片在对象容器边界内的显示方式。

与网页设计将背景图片和页面一起缩放相关的知识