有重复图像的麻烦

时间:2009-06-17 16:33:20

标签: css html

使用仅包含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垂直重复。从我的搜索,这一切看起来正确的代码明智,但没有显示正确。任何帮助将不胜感激。

3 个答案:

答案 0 :(得分:1)

下面的简单示例。

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

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

答案 1 :(得分:0)

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

答案 2 :(得分:0)

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

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