css - 如何使 div 的黑色背景可见？

Question

如何让 div 的黑色背景可见？

<svg version="1.1" baseProfile="full" width="300" height="200" xmlns="http://www.w3.org/2000/svg">
    <rect width="100%" height="100%" fill="red" />
    <circle cx="150" cy="100" r="80" fill="green" />
    <text x="150" y="125" font-size="60" text-anchor="middle" fill="white">SVG</text>
  </svg>
  <div style="background:black;color:white;margin-top:-50px;">
    <h1>Hello Plunker!</h1>
  </div>

http://plnkr.co/edit/rHlE2AdfkR81zVjE3oez?p=preview

谢谢。

Answer 1

将相对位置给黑色div。

Link.