我怎樣纔能有沒有從父div的背景圖像的子div

我有兩個div：一個父母，一個孩子。我怎樣纔能有沒有從父div的背景圖像的子div

家長有背景圖片：

.parent{ 
    background-image: url('urltoimage/img.png'); 
    z-index: 1; 
} 
.child{ 
    z-index: 2; 
}

但母公司的背景圖像仍覆蓋其子的背景。我想那個孩子沒有背景圖片

我也試過z-index，但沒有成功。

來源

2014-02-24 doniyor

爲什麼你會發布你認爲是「有史以來最愚蠢的帖子」的東西？在2000+代表你必須有*一些*想法，我們關心的內容質量在這裏發佈。 – meagar

你可以發佈你的HTML標記和更多的CSS？如果孩子嵌套在家長的內部，沒有理由我能想到爲什麼不應該顯示其背景......除非您的孩子背景具有透明度或div已摺疊。 – pschueller

記得設置高度，如果孩子Div是空的。事實上，你可以在Chrome開發工具中調試它，在鼠標右鍵（在父div） - >檢查元素 - >調整右側的元素高度：） –

您有孩子沒有圖像，也不是指定的孩子的任何背景色。通過繼承屬性，子繼承父屬性並覆蓋它指定的父屬性的值。

你的代碼可能是這樣的：

.parent{ 
    background-image: url('urltoimage/img.png'); 
    z-index: 1; 
} 
.child{ 
    background-image: url('urltoimage/CHILD_IMAGE.png'); 
    // or you could specify background color 
    z-index: 2; 
}

來源

2014-02-24 03:53:08 KannarKK

可能你在寫代碼的HTML部分時出錯了，但CSS看起來很好。

HTML：

<div class="parent"> 
    <div class="child"> 
    </div> 
</div>

這是你是怎麼做的呢？也不要忘記在你的CSS中添加高度和寬度。

例子：a JSFiddle

來源

2014-02-24 03:08:17

謝謝，但我想那個孩子div沒有背景圖片，我該怎麼做？ – doniyor

你是什麼意思的「兒童背景」？ - 「但父母的背景圖像仍然覆蓋其孩子的背景。」你在說背景顏色嗎？ –

不，你在我的代碼中看到的，我在說的是背景圖片 – doniyor

如果你的孩子div有沒有背景的設置，這是自然的，它的父DIV背景將顯示出來。如果您試圖從父div中創建切出孩子div區域的效果。那麼，你可能需要使用不同的方法。例如，可以將孩子的背景設置爲與其父母父母的背景相同。否則，在這篇文章中提到的關於設置孩子的div的尺寸和/或背景的提議將是你唯一的追求。

這裏有一個想法，你可以使用.png圖像文件作爲父級的背景圖像，它具有一個透明區域，子div將被放置在哪裏？

來源

2014-02-24 03:55:23 nocturns2

我怎樣纔能有沒有從父div的背景圖像的子div

回答

相關問題