Сделать фоновое изображение содержащего элемента div поверх фонового изображения дочернего элемента div?

Question

Можно ли сделать фоновое изображение содержащего элемента div поверх фонового изображения дочернего элемента div?

Если я добавлю границу родительского элемента div, которая будет отображаться поверх фонового изображения дочернего элемента, а фоновое изображение, примененное к родительскому элементу, - нет.

Спасибо

Answer 1

Нет, кажется, это невозможно.

Answer 2

В зависимости от того, какой эффект вы собираетесь использовать, вы, скорее всего, можете использовать некоторые CSS для имитации такого эффекта.

Вы пробовали использовать:

div.transparent
   {
   background-image:"imageLocation.jpg"

   /* for IE */
   filter:alpha(opacity=60);
   /* CSS3 standard */
   opacity:0.6;
   }

Тогда просто <div class="transparent"> для вашего div.

Свойство opacity влияет на все в <div>.Тем не менее, я думаю, что вы можете переопределить его, добавив еще один класс с непрозрачностью 1.0 для вашего контента.

Просто мысль.

Answer 3

не знаю, почему вы хотите это сделать, но единственное решение, которое я вижу, это использовать css z-index, чтобы поместить потомка div позади родителя