博客
关于我
强烈建议你试试无所不能的chatGPT,快点击我
java自动扩展_自动扩展背景图像
阅读量:5254 次
发布时间:2019-06-14

本文共 819 字,大约阅读时间需要 2 分钟。

我正在尝试使用图像作为我的背景 . 页面内容的高度为800px . 因此,在高大的屏幕上,您应该能够在内容之后看到一大块背景图像,并且在较短的屏幕上它可以完美地适合,以便内容在屏幕的底部结束,下面几乎没有背景图像 .

我希望背景图像自动延伸,因此无论屏幕大小如何,它都会填满整个屏幕 . 我已经尝试过几个方面,比如将 img.extfullbackground 的高度设置为auto,但是滚动区域变为WAY to far down(如3000px),100%只会达到内容的大小 .

有谁知道如何使背景图像自动扩展到屏幕的大小?

这是我的HTML片段:

background

PF is Temporarily Unavailable

Please be patient while we update PF.

这是我的CSS :(注意:我使用了CSS重置脚本)

body {

position:relative;

padding:0 0 0 0;

margin:0 0 0 0;

overflow-x:hidden;

}

.extcontentcontainer {

width:820px;

height:600px;

margin-left:auto;

margin-right:auto;

margin-top:0px;

padding-top:0px;

background-color:red;

}

img.extfullbackground {

position:absolute;

z-index:-1;

top:0;

left:0;

width:100%; /* alternative: right:0; */

height:auto; /* alternative: bottom:0; */

padding-left:0px;

padding-right:0px;

margin-left:0px;

margin-right:0px;

}

转载地址:http://lgeav.baihongyu.com/

你可能感兴趣的文章