现有样式表中的背景图像

时间:2014-02-28 00:08:53

标签: html css

我完全不知道在现有网站上应用重复的背景图片。我通常从零开始开发相对简单的网站,并且不熟悉操作现有的更复杂的代码,所以我可能会遗漏一些明显的东西但是这里有。

我正在使用包含多个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;
}

1 个答案:

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

您肯定需要发布您的代码。