当前位置:首页 » 背景图片 » 背景图片全屏
扩展阅读
刘涛图片大全最新图片 2024-10-28 00:26:43
粘纤是什么面料图片 2024-10-28 00:20:11

背景图片全屏

发布时间: 2022-02-12 20:04:26

‘壹’ html中的背景图片,一张全屏显示

Background : 背景色
Background Image :选取你的背景图
Reapeat : 背景图是否重复,其中选no-repeat为不重复,repeat为重复,repeat-x和repeat-y分别为只在X和Y方向重复。
Attachment : 背景图位置,fix为背景图位置固定不变,scroll为背景图随页面一同滚动
Horizontal : 为固定背景图时图在水平方向所居的位置,可以选择居中,居左,居右或自己设定距左的距离。
Vertical : 为固定背景图时图在竖直方向所居的位置,可以选择居中,居顶部,居底部或自己设定距顶的距离。
注意带 * 的选项要在浏览器里才能看到效果。
设定完毕,对Dreamweaver左下角点选<body应用该CSS样式就行了
不光是<body标签,页面里有的元素都可以在那里选择,可以很方便的选取应用对象。
对于所有onload 的触发事件,也都可以选<body再加Behavior,比如drag layer或打开页面后弹出窗口等等
background-attachment属性控制背景图象是否随内容一起滚动,取值为scroll和fixed。默认值为scroll(滚动);fixed为静止。

‘贰’ 网页背景图怎么满屏显示

网页背景图片用css实现全屏显示,首先需要的做的就是明确那个图片要加在那个元素上,将body上,就能实现全屏,因为body是包括浏览器的可见部分,提交一段代码:
<html>
<head>
<style>
body{
background:url('图片地址')repeat 0px 0px;
}
</style>
</head>

<body>

</body>
</html>
这样就能实现满屏,不过图片尺寸不够的话,会出现重复的。

‘叁’ CSS中如何设拉伸背景图片铺满屏幕

body{

background: url("image.png") no-repeat;

height:100%;

width:100%;

overflow: hidden;

background-size:cover;或者background-size:100%;

}

(3)背景图片全屏扩展阅读:

CSS不仅可以静态地修饰网页,还可以配合各种脚本语言动态地对网页各元素进行格式化。 CSS 能够对网页中元素位置的排版进行像素级精确控制,支持几乎所有的字体字号样式,拥有对网页对象和模型样式编辑的能力。

编程工具

记事本:使用Windows系统自带的记事本可以编辑网页。只需要在保存文档时,以.html为后缀名进行保存即可。

Dreamweaver:它与Flash、Fireworks并称网页三剑客。Dreamweaver是集网页制作和管理网站于一身的所见即所得网页编辑器,它是第一套针对专业网页设计师特别开发的视觉化网页开发工具,利用它可以轻而易举地制作出充满动感的网页。

‘肆’ html里面怎样让背景图片全屏,使用width和height来定义吗,,

  1. 如果这张图片为背景图片由于背景图片不具有伸缩性,只能通过别的方法绕着解决,在ie中可以用<body
    style="filter:progid:dximagetransform.microsoft.alphaimageloader(src='1.jpg',sizingmethod='scale')">,实现背景拉伸铺满整个浏览器,但其它的浏览器不支持。

  2. 这时可以拐个弯,设置两层div,底层div当做背景使用,放置一张图片即可。
    <div id="background" style="position:absolute;z-index:-1;width:100%;height:100%;top:0px;left:0px;"><img src="1.jpg" width="100%" height="100%"/></div>

  3. 网页背景图片默认情况下是重复平铺满整个页面。上面1方法是要求图片不重复,但又得占满浏览器所采用的方法。

‘伍’ 网页的背景图片多大可以满屏

你这个问题不会有好答案的。
1、每个人的电脑的分别率都不相同。你说多大叫合适呢。
2、随然用javascript能够得到用户浏览器的分辨率,你可以根据这个数值,去动态设置背景图,但是也不能满足所有用户需求。
3、如果你想全屏只能是在图片上下功夫,例如图片右侧过渡到纯色。然后把右侧的页面背景色设置成那个纯色。给用户一种满屏的假象。当然这样也只是能兼容几个分辨率。

‘陆’ 怎样才能把CSS里的背景图片显示全屏呢

是背景图片吧~~会用Macromedia
Dreamweaver
改吗~~?下面有个页面属性~点开~有个背景图片选项,下面有个重复的选项~你自己试下~还有具体的话就是在窗体的右边有个CSS选项~点开~有个BODY~~点开~在背景里面改~~但是最终的问题是你的图片大小和原来的不一致~重叠了就不好看了~~

‘柒’ css背景图片如何设置全屏

如果你是给body设置的背景的话,可以在加一个属性
background-size:100%;这样就全屏了。

‘捌’ 怎样使背景图片在任何分辨率下全屏

<style type="text/css">
<!--

body {
margin-top: 0px;
background-image: url(images/bg.gif);
}
-->
</style>