我怎样才能有没有从父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

回答

相关问题