0

我在实现这个设计时遇到了麻烦,我被赋予了 HTML/CSS。这是.psd:http ://www.sendspace.com/file/10wuld

这是到目前为止的代码:http: //jsfiddle.net/wezW4/

以下是一些视觉笔记: http ://screencast.com/t/FMq6JK5weI

我现在在使用位置:相对于#content-background 的地方被卡住了,在我定位它之后它留下了一个很大的空白空间。一位朋友建议在页面背景元素上使用绝对定位来处理它,但没有取得太大进展。

我目前的方法如何做到这一点?或者,如果我的方法是错误的,那么正确的方法是什么?

4

1 回答 1

1

只需执行以下操作:

<html>
          <head>
                     <style>
                            #a, #b, #c {background-repeat:repeat-x;}
                            #a {background-image:url(http://dev.enhancetrade.com/prodetails/images/slider-background-5x5.jpg); background-position:center top;}
                            #c {background:white; width: 400px; margin: 0px auto;}
                            #b {background-image:url(http://dev.enhancetrade.com/prodetails/images/slider-background-5x5.jpg); background-position:center bottom;}
                     </style>
          </head>
          <body>
                     <div id="a">
                     <div id="b">
                     <div id="c">
                                adslfijaoifje
                                adslfijaoifje
                                <p>asdjfoiajoiafeoi</p>
                                <p>asdjfoiajoiafeoi</p>
                                <p>asdjfoiajoiafeoi</p>
                                <p>asdjfoiajoiafeoi</p>
                                <p>asdjfoiajoiafeoi</p>
                                <p>asdjfoiajoiafeoi</p>
                                <p>asdjfoiajoiafeoi</p>
                                <p>asdjfoiajoiafeoi</p>
                     </div>
                     </div>
                     </div>
          </body>
</html>
于 2012-07-11T17:20:32.793 回答