1

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

在此处输入图像描述

但是，当我查看该页面时，我会在该页面上看到如下所示的空白：

在此处输入图像描述

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

在此处输入图像描述

我需要在中间部分的页面上有这个文本。不是在页面的高处，而是在中间。这是我到目前为止的一小段代码：

<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>
4

1 回答 1

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 标签中：

<body background="11.gif">

上面的身体标签将您的图像设置在背景中。您可以调整图像的大小，即使用 <img> 标签中的“height”和“width”属性来拉伸或压缩它们来设置它们的大小。现在您可以在背景图像上放置任何文本、链接或其他图像。

试试看！

于 2012-08-08T06:16:39.373 回答