Question

我需要将我网站的背景图片设置为这张图片。

enter image description here

然而，当我查看页面时，我在该页面上看到如下图所示的空白区域：

enter image description here

我希望图片覆盖整个空间，当我在任何计算机上打开网站时，它必须显示相同的内容。最后，我无法在图像中心的中间部分写文字。不是在顶部，而是在图片的中间位置。这是我到目前为止所拥有的

enter image description here

我需要在中间部分的页面上显示此文本。不是在页面的大部分，而是在中间。这是我到目前为止的一小段代码：

<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="ka-ge" lang="ka-ge" >
<head>
<meta http-equiv="content-type" content="text/html; charset=utf-8" />
</head>
<style>
#links { 
  postiton:absolute;
    margin: 0 auto; 
    width: 4800px; 
    font-size:50px;
    clear: both; 
    display: block;
    z-index:-90;
}
#test a {
    float: right;
}
a, a:active, a:visited {
    color: light-blue;
    a {text-decoration:none;}
}
</style>
<style>

a {text-decoration:none;}
</style>

<body    >


<a href="eng/index.html"><img src ='english.gif' style="float:right"  width="90" height="90"> </a>
<a href="russ/index.html"><img src ='russian.gif' alt="Russian flag" style="float:right"  width="90" height="90"/></a>
<a href="index.html"> <img src="georgian.jpg"  style="float:right" width="90" height="90"/></a>
<img src="11.gif" width="100%" height="100%"/>
<div id="links">

<a href=" index.html " >მთავარი </a>
&nbsp;
<a href=" ბაკურიანი.html ">ბაკურიანი </a>
&nbsp;
<a href=" გუდაური.html ">გუდაური </a>
&nbsp;
<a href=" ზღვა.html ">ზღვა </a>
&nbsp;
<a href=" კახეთი.html ">კახეთი </a>
&nbsp;
<a href=" სვანეთი.html ">სვანეთი </a>
&nbsp;
<a href=" ვარძია.html ">ვარძია </a>
&nbsp;
<a href=" ქართლი.html ">ქართლი </a>
&nbsp;
<a href=" ძველი_თბილისი.html ">ძველი_თბილისი </a>
&nbsp;
<a href=" დაკავშირება.html ">კონტაქტი </a>
</div>
</body>
</html>

Answer 1

我在您的代码中做了一些修改，如下所示：

</head>
< style>
#links { 

position:absolute;
margin: 0 auto; 
top: 50%;       //centers vertically
left: 50%;     //centers horizontally
width: 4800px; 
font-size:50px;
clear: both; 
display: block;
z-index:-90;
}

...

以及身体标签：

<body background="11.gif">

上方的body标签会在背景中设置您的图像。您可以调整图像大小，即使用＆lt;高度“和”宽度“属性拉伸或压缩它们。 IMG＆GT;标签来设置它们的大小。现在，您可以在背景图像上放置任何文本，链接或其他图像。

试试吧！

如何在浏览器上调整图片大小

1 个答案: