我完全不知道在现有网站上应用重复的背景图片。我通常从零开始开发相对简单的网站,并且不熟悉操作现有的更复杂的代码,所以我可能会遗漏一些明显的东西但是这里有。
我正在使用包含多个div和容器的页面和样式表,其中可见内容的宽度限制为800px。我一直在尝试将重复的bg图像应用到样式表中的正文,它似乎没有影响。
此样式表中是否有除了身体标签以外的区域?有人可能会帮助我寻找你常常会看到的其他地方,例如。 container css,divs等?
非常感谢!
编辑:这是一段可能有用的代码片段。我尝试过应用容器,但没有骰子:
html {
margin: 0;
/* setting border: 0 hoses ie6 win window inner well border */
padding: 0;
}
body {
margin: 0;
/* setting border: 0 hoses ie5 win window inner well border */
padding: 0;
font-family: verdana, 'trebuchet ms', sans-serif;
font-size: 12px;
background-image:url("pix/cork.jpg");
background-repeat:repeat;
}
form { margin: 0; padding: 0; }
a { text-decoration: underline; }
a img { border: 0; }
h1, h2, h3, h4, h5, h6 { font-weight: normal; }
h1, h2, h3, h4, h5, h6, p, ol, ul, pre, blockquote {
margin-top: 10px;
margin-bottom: 10px;
}
/* standard helper classes */
.clr {
clear: both;
overflow: hidden;
width: 1px;
height: 1px;
margin: 0 -1px -1px 0;
border: 0;
padding: 0;
font-size: 0;
line-height: 0;
}
/* .pkg class wraps enclosing block element around inner floated elements */
.pkg:after {
content: " ";
display: block;
visibility: hidden;
clear: both;
height: 0.1px;
font-size: 0.1em;
line-height: 0;
}
* html .pkg { display: inline-block; }
/* no ie mac \*/
* html .pkg { height: 1%; }
.pkg { display: block; }
/* */
/* page layout */
body {
text-align: center;
} /* center on ie */
#container {
position: relative;
margin: 0 10 auto; /* center on everything else */
width: 420px;
text-align: left;
}
#container-inner { position: static; width: 400px; }
#banner { position: relative; }
#banner-inner { position: static; }
#pagebody { position: relative; width: 100%; background-color:#fff; margin-top:120px; }
#pagebody-inner { position: static; width: 100%; }
#alpha, #beta, #gamma, #delta {
display: inline; /* ie win bugfix */
position: relative;
float: left;
min-height: 1px;
}
#delta { float: right; }
#alpha-inner, #beta-inner, #gamma-inner, #delta-inner {
position: static;
}
答案 0 :(得分:0)
我认为你正在寻找标签和容器来实现css。以下是可以提供帮助的示例 -
<html>
<head>
<title>MyPage</title>
<style>
body{
background-color:#06F;
}
#container {
width:800px;
background-repeat:repeat; /* you can use repeat-x / repeat-y / no-repeat also*/
background:url(path/image.JPG);
}
</style>
</head>
<body>
<div id="container"></div
</body>
</html>
您肯定需要发布您的代码。