导航:首页 > 万维百科 > 网页设计css图片铺满

网页设计css图片铺满

发布时间:2020-12-05 15:48:48

1、html中,怎么让背景图片充满整个页面

用Dreamweaver软件编辑

2、html和css如何做到让一张图片铺满屏幕呢?

比如<img id='bg' src='bg.jpg'/>

#bg{
position:fixed;

width:100%;

height:100%;

}

3、如何设置CSS网页中的背景图片不让其重复并且铺满整个屏幕,不会因为分辨率的问题而显示不出来

只有copyCSS3支持这种用法。

background:url(ss.jpg) center no-repeat;
background-size:cover;

不过这样一来,IE9及以下版本的浏览器都不支持;

所以,实现兼容确实不易,另外我也见过有人使用IE的filter滤镜实现过,下面这个地址:

htt p://ww w. cnblogs.com /strivers/ archive /2010/12/12/ 1903848. html(去掉空格)

这篇文章就是介绍这个的,不过这样一来,性能、兼容等都是大问题。

4、css的 <li> </li>里插入的图片可以拉伸铺满页面么?

不能,这个只是一个列表

5、网页设计中怎么让一张图片填充满整个画面 求代码

1、如果楼主只是将其当做一张图片显示,可以通过css控制,如img{width:100%;height:100%;}.
否则需要将其作为网页背景的话可以试试如下方法:
2、如果这张图片为背景图片由于背景图片不具有伸缩性,只能通过别的方法绕着解决,在ie中可以用<body
style="filter:progid:dximagetransform.microsoft.alphaimageloader(src='1.jpg',sizingmethod='scale')">,实现背景拉伸铺满整个浏览器,但其它的浏览器不支持。
这时可以拐个弯,设置两层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>
再将网页内容放置到第二层上<div id="content">页面内容</content>
3、网页背景图片默认情况下是重复平铺满整个页面。上面2方法是要求图片不重复,但又得占满浏览器所采用的方法。

6、CSS 在<div>中设置背景图片不能充满整个页面

请问您复是要问“CSS 在<div>中设置背景图片不制能充满整个页面”,还是“层的四周都不会紧贴页面边缘”?如果是前一个,可以这样修改:
.backdiv{
background-image:url(Background.png);
background-repeat:repeat;
}
如果是后一个,请把问题说清楚一点!

7、为什么我的html+css中div的背景图片无法铺满

<style>
*{
margin:0px;
padding:0px;
}

body{
background-image:url("background.jpg");
background-attachment:fixed;
}

div{
width:50px;
height:50px;
background:url("145.png");
}
</style>

8、CSS在图片宽度100%的情况下,如何设置高度始终铺满剩下屏幕,并且图片不变形。

既要宽度100%,又要不变形,这两个条件决定了图片的高度不能另外设置,只回能跟随宽度的变化而变化,答这样就无法保证完全覆盖剩余区域。除非把条件改为:当图片的宽高比大于区域的宽高比,则图片的高度100%,宽度超出区域的部分允许突出在区域外面;反之,则宽度100%,高度超出区域的部分允许突出在区域外面。是这个意思吗?

9、css设置了repeat,但是背景图片整个网页内不能铺满,求助大神啊~~~

你层加的有问题


<div class="main">
    <div class="main_left"></div>
    <div class="main_right"></div>
    <div  style="clear:both"></div>    <!--你把这个版加上试权试-->
</div>

与网页设计css图片铺满相关的知识