全屏主要就是要宽度铺满浏览器窗口,将宽度定义为100%即可。如下这个示例:
<html><head>
<style>
body{width:100%margin:0padding:0}
.header{width:100%height:auto}
.header img{width:100%display:blockborder:0}
</style>
</head>
<body>
<div class="header">
<img src"图片地址">
</div>
</body>
</html>
主要是头部图片所在容器的父级得是body,或者其父级宽度不管多少级,都是100%才行。
如果背景图片是重复的样子的话你可以截图一小块,然后给body添加样式背景,然后让背景图片重复平铺就可以了body{background: url("图片路径") repeat}
repeat 是纵向和横向都铺满;
repeat-x是横向铺满;
repeat-y是纵向,如果不想重复,no-repeat.