0

我是 HTML 和 CSS 的新手，一直在努力解决一个简单的问题。我正在设计一个音乐空间：http ://theparadisegarage.co/ ，并且我正在尝试定位主文本框，以便文本“消失”（即结束）在板条箱后面的同一位置。实际上，文本框会根据窗口大小改变位置。我尝试将位置设置为绝对位置并在底部给它一个固定的 (px) 边距，但它似乎不起作用。为了让您了解我想要文本框的基本位置，我将文本框定位在浏览器窗口的顶部（因为这似乎出于某种原因）。我已经包含了相关的 CSS。我很难过...提前感谢您的帮助！

    <html>
      <body style="background-color:transparent">
        <div id="container" style="background-color:transparent" >
          <div id="logo">

          </div>
          <div id="content" style="float:left" >

          </div>
          <div id="navbar" style="position:fixed">

         </div>
       </div>

     </body>
    </html>


    body{
        width: 100%;     
        height: 100%;     
        margin: 0;     
        padding: 0;
    background-image:url(paradisebackground6.jpg);
    background-repeat:no-repeat;
    background-attachment: fixed;

    }


    container {
position:relative;
width:100%;
height:100%;
    }

    content{    
       position:relative;
   vertical-align:bottom;
   margin-top:12.5%;
   margin-left:190px;
   margin-right:auto;
   width:625px;
   height:372px;
   overflow:auto;
   z-index:-40
 }
4

2 回答 2

0

看来你想通了？使用 z-index 将元素定位在其他元素的前面或后面。

于 2012-04-09T17:08:54.817 回答
0

当您在 css 中使用 POSITION 时，最好使用上/下/右/左而不是边距：

#content{

   position:relative;
   top:12.5%;
   left:190px;

   width:625px;
   height:372px; 

}

注意：你必须在css选择器之前使用#！！！

于 2012-04-09T17:12:16.113 回答