0

なぜH1が見えないのですか?

<div id="getTheProducts" style="clear: both; margin-top: 15px; margin-bottom: 15px; border: 1px solid #DDD;background-color: #f8f8f8; width: 857px; height: 50px; text-align: left;">
<div class="clear"></div>
<div id="getProductsSlide" style="width: 850px; overflow: hidden; position: relative;">
<div class="getProducts_Cover" style="width:56950px; position: absolute; height:50px;">
<div class="getProducts_Page" style="display: block; width: 850px; float: left; height: 50px; color: #000;">
<h1>2012 - January Newsletter</h1></div>
</div></div></div></div>

クロムはそれをそのまま表示し、アウトラインを表示し、幅/高さも教えてくれますが、実際にはテキストを見ることができません。私はそれを単一の HTML ページに入れましたが、まだ見ることができません。css ルールがどこかに欠けているに違いありません。

4

2 に答える 2

0

見出しの表示を無効にするのはposition: absolute; です。

<div class="getProducts_Cover" style="width:56950px; position: absolute; height:50px;">

可能であれば、それを

<div class="getProducts_Cover" style="width:56950px; position: relative; height:50px;">
于 2012-07-03T11:11:56.747 に答える
0

こんにちは、削除できますoverflow:hidden;

<div id="getTheProducts" style="clear: both; margin-top: 15px; margin-bottom: 15px; border: 1px solid #DDD;background-color: #f8f8f8; width: 857px; height: 50px; text-align: left;">
<div class="clear"></div>
<div id="getProductsSlide" style="width: 850px; position: relative;"> // **here remove overflow hidden**
<div class="getProducts_Cover" style="width:56950px; position: absolute; height:50px;">
<div class="getProducts_Page" style="display: block; width: 850px; float: left; height: 50px; color: #000;">
<h1>2012 - January Newsletter</h1></div>
</div></div></div></div>
于 2012-07-03T11:02:34.030 に答える