我用了一个相同尺寸的填充图像，它没有透明度，否则你会看到菜单。但菜单不是问题文本是。看看这个小提琴`http：//jsfiddle.net/WhiteRau/DC78P/'，你就会明白我的意思了。
下面是整个代码：

CSS

<style type="text/css">
        nav {
            border: 1px solid blue;
            margin: 4px;
            padding: 10px;
            position: relative;
            float: left;
            width: 200px;
            font-family: "Oswald", sans-serif;
            z-index: 6;
            overflow: hidden;
        }
        nav ul li {
            background: #d5b079;
            font-size: 24px;
            border-radius: 20px;
            margin: 10px 0;
            padding: 4px 20px 6px 20px;
        }
        nav ul li:hover, nav ul li:active {
            background: #434459;
        }
        #holder {
            display: inline-block;
            border: 2px solid white;
        }
        #theBossMan {
            width: 450px;
            float: left;
            position: relative;
            left: -220px;
            top: -120px;
            border: 2px solid green;
            pointer-events: none;
            z-index: 8;
        }
        #content {
            background: #d5b079;
            color: white;
            text-align: justify;
            border: 1px solid red;
            margin: 4px;
            width: 480px;
            padding: 10px 20px;
            position: relative;
            left: 400px;
            z-index: 4;
        }
</style>

HTML

<nav class="group">
    <ul>
        <li><a href="#">HOME</a></li>
        <li><a href="#">CONTACT</a></li>
        <li><a href="#">ABOUT</a></li>
    </ul>
</nav>
<section id="holder">
    <img id="theBossMan" src="http://image0-rubylane.s3.amazonaws.com/shops/colemanscollectibles/03660.1L.jpg" alt="it's a placeholder">
    <section id="content">
        <h1>HELLO</h1>
        <h2>so glad you could come</h2>
        <p><span>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Tempora, ducimus harum molestias quis enim delectus corrupti alias provident adipisci atque dicta quidem reiciendis tenetur perferendis quasi odit minus sed natus. Lorem ipsum dolor sit amet, consectetur adipisicing elit. A, est, vel ducimus perferendis atque praesentium culpa ratione veritatis nam cupiditate unde sequi molestias neque veniam voluptas soluta porro dolorum reprehenderit!</span></p>
    </section>
</section> <!-- end of HOLDER  -->'

这是怎么回事文本应该放在勺子旁边。它不是浮动的，所以一个clearfix没有爱（无论如何尝试了，以防万一…）。方框轮廓仅供参考。我不明白为什么文字在底部...