图片全屏css代码在线生成，css如何让图片全部显示

淘宝宽屏背景全屏背景CSS代码谁有？要怎么才能实现？在线等回答

全屏背景是直接给body加的背景图片

如果你想做成横像平铺的话css要这样写

body{background: url(背景图片) repeat-x left top #fff;}

纵向平铺这样写

body{background: url(背景图片) repeat-y left top #fff;}

背景大图居中的话这样写

body{background: url(背景图片) no-repeat center top #fff;}

背景大图居中的话要求这个背景图片一定要足够大 至少要宽1440

相关问答

Q1: css怎么让一张图片适应任何屏幕大小的电脑平铺?

下面是图片不失真但不保证是否完全铺满（留有空隙或者超出屏幕）的css代码：

1、横向铺满，纵向留有空隙或超出屏幕：

body {background:url(图片路径) no-repeat center; background-size:100% auto;}

2、纵向铺满，横向留有空隙或超出屏幕：

body {background:url(图片路径) no-repeat center; background-size:auto 100%;}

补充说明：background-size属于css3，只有支持css3的浏览器才有效。

电脑（Computer）是一种利用电子学原理根据一系列指令来对数据进行处理的机器。电脑可以分为两部分：软件系统和硬件系统。第一台电脑是1946年2月15日在美国宾夕法尼亚大学诞生的ENIAC通用电子计算机。

人们把没有安装任何软件的计算机称为裸机。随着科技的发展，现在新出现一些新型计算机有：生物计算机、光子计算机、量子计算机等。

Q2: css背景图片如何设置全屏？？

如果你有一张比较绚烂的图片想做背景，可以这样设置：

代码如下：

body{

background:url(img.jpg);

background-position:center;

background-repeat:no-repeat;

}

但效果很可能会是这样：

图片没有重叠，居中，并且...她太小了，无法占领全部的页面。

很可惜，CSS2中并没有图片全屏拉伸的属性，所以我自己想了个办法。

利用一个DIV层，在里面装载一个IMG标签。然后设置DIV和IMG的大小为100%，并固定到屏幕最底层，这样就实现了完美的拉伸并最大化图片的目的。

首先在Body中加入下面的代码：

代码如下：

div

id="div1"img

src="img.jpg"

//div

然后加入CSS代码：

div#div1{

position:fixed;

top:0;

left:0;

bottom:0;

right:0;

z-index:-1;

}

div#div1

img

{

height:100%;

width:100%;

border:0;

}

最终效果：

拉伸浏览器、调整网页位置后，图片背景图片依然居中全屏：

火狐狸中的效果：

这样，我们实现了固定居中且自动拉伸全屏的背景图片，不过她是一个层，所以当用户在页面空白处右键的时候，显示的就是图片的信息，这可能会让用户感觉不方便。

实际上，火狐的拉伸效果比IE强很多，会自动羽化图片的细节。IE在图像拉伸后的像素点非常难看，所以建议用高分辨的图像作为背景。

新手向，高人请指导，谢谢。

图片全屏css代码在线生成的介绍就聊到这里吧，感谢你花时间阅读本站内容，更多关于css如何让图片全部显示、图片全屏css代码在线生成的信息别忘了在本站进行查找喔。