如何覆蓋一個div

比方說，我們有一個div如下：如何覆蓋一個div

<div class="post">Variable text</div>

的文本可以是任何更長的時間。因此，它可以是3個字符，150或300. div的邊框爲border: 1 px solid black而不是background: white。有什麼辦法可以創建另一個div（我的位置是relative或absolute），它完全覆蓋了這個div，這樣文本就不可讀了嗎？

來源

2011-01-26 Shoe

<div class="post" style="position:relative"> 
    Variable text 
    <div style="position:absolute;top:0;left:0;width:100%;height:100%;background-color:white"></div> 
</div>

類似的東西可以工作，你可能需要使用z-index來確保你的白盒在最上面。基本上，內部div開始於外部div的左上角並且尺寸與它相同。

來源

2011-01-26 16:23:21

你想達到什麼目的？任何你需要另一個div的理由？

如果你只是試圖隱藏爲什麼單單沒有你的數據：

<div class="post" style="background-color:black;">Variable text</div>

，並確保你的文字也「黑」

來源

2011-01-26 16:21:46

因爲我的文字可以有不同的顏色和圖像等有色`span`內。 – Shoe 2011-01-26 16:35:22

好的 - 但你爲什麼要隱藏？你意識到用戶可以查看源代碼？ – 2011-01-26 16:37:11

我不是100％清楚你爲什麼要這樣做，但我想知道你是否考慮過使用可見性完全隱藏你的div：hidden; CSS風格。

來源

2011-01-26 16:40:23 Christa

CSS：

.outer { 
    position:relative; 
    z-index:10; 
} 
.inner { 
    position:absolute; 
    left:0; 
    top:0; 
    width:100%; 
    height:100%; 
    z-index:20; 
}

CSS（圖片替換）：

.outer { 
    text-indent:-9999em; 
    height:0; 
    padding:100px 0 0 0; 
    width:100px; 
    background-image:url(100x100.jpg); 
}

HTML：

<div class="outer"> 
    <div class="inner"></div> 
    Text to Replace 
</div>

來源

2011-01-26 16:51:42

如何覆蓋一個div

回答

相關問題