Non transparent div inside a transparent div

Question

I am creating a webpage that have a transparent div.

I want to add a non-transparent div inside that transparent div and I find that it is also transparent.

Answer 1

use background, padding, background-origin to control the padding and z-index to control the position of the element. For example:

#mydiv{ background: white; padding:100px; background-origin:border-box; z-index:1}