Как получить элемент div, чтобы иметь такое же background-image как его родитель?

Question

Как получить элемент div, чтобы иметь такое же background-image как его родитель?

0

Как получить дочерний элемент div, чтобы иметь ту же фоновую текстуру, что и родительский элемент? Фон - это текстура небольших квадратов, однако, когда я пытаюсь дать дочернему элементу тот же фон, что и родительский элемент, квадраты не выстраиваются в линию. Есть идеи?

HTML:

<!DOCTYPE html>
<html>
<head>
<style>
.parent{
  width:500px;
  height:500px;
  background-image:url('wallpaper324845.jpg')
}
.child{
width:200px;
height:200px;  
/*how to get the same background-image*/
}
</style>
</head>
<body>
<div class="parent">
  <div class="child">

  </div>
</div>
</body>
</html>

user3247608 18 фев. 2014, в 02:59

Источник

Теги:

html

css

2 ответа

2

будет background-image: inherit; сделай это?

или background: transparent; ?

ThorSummoner 17 фев. 2014, в 22:50

0

нет, фоны смещены, т.е. они не совпадают
user3247608 18 фев. 2014, в 01:11
0

Вот ручка, показывающая эту работу (я тестировал только в Opera 12) codepen.io/anon/pen/klfhj
ThorSummoner 18 фев. 2014, в 01:13
0

@ user3247608 Это ответ на ваш вопрос, но другой (автор @RyneEverett), вероятно, ответ на то, что вы пытаетесь достичь.
frnhr 18 фев. 2014, в 01:15
0

если вам нужны дополнительные свойства родительского элемента, вы можете использовать inherit большинство из них; или даже background: inherit . (Просто больше tinkers codepen.io: codepen.io/anon/pen/klfhj )
ThorSummoner 18 фев. 2014, в 01:19
0

+1, правильный ответ на буквальный вопрос.
Ryne Everett 18 фев. 2014, в 01:50

Показать ещё 3 комментария

Ещё вопросы

нет, фоны смещены, т.е. они не совпадают
Вот ручка, показывающая эту работу (я тестировал только в Opera 12) codepen.io/anon/pen/klfhj
@ user3247608 Это ответ на ваш вопрос, но другой (автор @RyneEverett), вероятно, ответ на то, что вы пытаетесь достичь.
если вам нужны дополнительные свойства родительского элемента, вы можете использовать inherit большинство из них; или даже background: inherit . (Просто больше tinkers codepen.io: codepen.io/anon/pen/klfhj )
+1, правильный ответ на буквальный вопрос.

Ryne Everett · Accepted Answer · 2014-02-17T23-26-00.000Z

Не назначайте ребенку фон.

это - по умолчанию, div не имеет фона и прозрачен, поэтому родительский фон будет проходить.
О, спасибо, не могу поверить, что я пропустил это. 4 минуты, пока я не смогу пометить ответ xD