Question

使用仅包含HTML和CSS的网站。我很陌生。我有一个标题，正文和页脚，我想重复填写页面。想想envato.com。

这是我到目前为止的一些示例代码。

CSS：

.blkside {
z-index:99;
background-image: url(/images/blkside.jpg);
background-repeat: repeat-x;
top:0px;
right:85px;
position: absolute;
}

相应的HTML：

<div class="blkside"><img src="/images/blkside.jpg"></div>

这只是我所拥有的一个div。 3水平重复，1垂直重复。从我的搜索，这一切看起来正确的代码明智，但没有显示正确。任何帮助将不胜感激。

Answer 1

下面的简单示例。

<div class="repeat"></div>

.repeat {
    background:url(/images/blkside.jpg) top left repeat-x;
    height:200px;
}

Answer 2

你需要在div（高度/宽度）上设置测量值，一旦在css中定义图像，你也不需要将它放在html中

Answer 3

在整个页面背景上重复图像的代码是：

<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">

<head>
<title>this is the title of the web page</title>

<style type="text/css">

body
{
background-image:
url(full link to your image goes here);
background-repeat: repeat-xy;
}

</style>

</head>
<body>
</body>
</html>

有重复图像的麻烦

3 个答案: