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 に答える