片段显示下面的活动的viewpager

Question

我正在尝试将我的一些活动变成碎片，以便更好地使用导航抽屉。

这是我主要活动的布局

<android.support.v4.widget.DrawerLayout xmlns:android="http://schemas.android.com/apk/res/android"
    android:id="@+id/content"
    android:layout_width="match_parent"
    android:layout_height="match_parent" >

    <FrameLayout
        android:id="@+id/content_frame"
        android:layout_width="match_parent"
        android:layout_height="match_parent" >

        <android.support.v4.view.ViewPager
            android:id="@+id/pager"
            android:layout_width="fill_parent"
            android:layout_height="fill_parent" />

我正在调用新片段：

    MyFragment fragment = new MyFragment();
    FragmentTransaction transaction = getFragmentManager().beginTransaction();
    transaction.replace(R.id.content_frame, fragment);
    transaction.addToBackStack(null);
    transaction.commit();

结果如下：

新片段是透明的，位于viewpager内（标签下方）。我仍然可以看到viewpager的旧内容，我仍然可以点击标签。

是不是应该完全取代viewpager？这就是我想要的。

PS：我可以设置新片段的背景，看不到旧内容，但它仍然在viewpager中。