1

http://i.imgur.com/xEUo3.png テキストを黄色のボックスに表示しようとしています。しかし、なぜそれが機能していないのかわかりません。

これは私が使用しているコードです。黄色い箱に入っているだけで動作していません。

 <div id="Header"></div>
    <div id="Main">
  <ul id="MenuBar1" class="MenuBarHorizontal">
    <li><a href="#">Startsida</a></li>
    <li><a href="#">Medlemmar</a></li>
    <li><a href="#">Galleri</a></li>
    <li><a href="#">Forum</a></li>
    <li><a href="#">Kontakt</a></li>
     </ul>
  <div id="Start">Textytexttext</div>
</div>
<div id="Footer"></div>



@charset "utf-8";

#Header {
    background-color: #F00;
    height: 200px;
    width: 1000px;
    margin: auto;
}


#Main {
    background-color: #0C0;
    height: 700px;
    width: 1000px;
    margin: auto;
}
#Start {
    background-color: #FF0;
    width: 990px;
    height: 690px;
    position: absolute;
    clip: rect(46px,auto,auto,10px);
}
#Footer {
    background-color: #666;
    height: 20px;
    width: 1000px;
    margin: auto;
}
4

2 に答える 2

2

それはこのスタイルに関係していclip: rect(46px,auto,auto,10px);ます。それを削除すると、テキストが表示されます。このjsFiddleを参照してください。

于 2012-05-24T11:12:25.420 に答える
0

それをしているのはラインclip: rect(46px,auto,auto,10px);です。なんで使ってるの？これを使わずにそれを行う別の方法があると確信しています。

編集：ちょうど見たバリーはそれに私を打ち負かしました。

于 2012-05-24T11:17:09.633 に答える