Question

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;
}

Answer 1

与此样式有关clip: rect(46px,auto,auto,10px);如果删除它，则会显示文本。请参阅此jsFiddle。

Answer 2

这是行clip: rect(46px,auto,auto,10px);。你为什么用它？我确信有另一种方法可以不使用它。

编辑：刚见过巴里打败了我。

文字没有显示出来

2 个答案: