Duda reemplazo de fragmentos

Desarrollo de aplicaciones móviles y todos sus lenguajes APIS y plataformas Android, IOS, Phonegap, etc...
Saludos peña , vamos a darle vidilla a esto , y pa eso una duda que me esta dando guerra en android.

Resulta que tengo un viewpager el cual en una de sus paginas quiero reemplazar el fragmento inicial por otro , el caso es que no se porque no lo reemplaza solo dibuja encima y el inicial qu da de fondo.

este seria el fragment inicial:

Imagen

Y despues hago un replace desde el mismo fragment asi:

String username = GlobalUtilities.getPrefs(getActivity()).getString("user","");
if(!username.isEmpty()){
NewPOST_Fragment frm = NewPOST_Fragment.newInstance(GlobalUtilities.URLNEWPOST+username);
FragmentTransaction ft = getActivity().getSupportFragmentManager().beginTransaction();
ft.replace(R.id.notifications_fragment,frm);
ft.setTransition(FragmentTransaction.TRANSIT_FRAGMENT_FADE);
ft.addToBackStack(null);
ft.commit();
}


y este es el resultado:

Imagen

Como veis se superpone , no se cual es la causa , aqui pongo los xml de los frm para que los veais;

Fragment inicial;

<FrameLayout xmlns:android="http://schemas.android.com/apk/res/android"
xmlns:tools="http://schemas.android.com/tools"
xmlns:card_view="http://schemas.android.com/apk/res-auto"
android:layout_width="fill_parent"
android:layout_height="fill_parent"
tools:context="com.amsspecialist.fragments.Notifications_Fragment"
android:id="@+id/notifications_fragment">

<ScrollView
android:layout_width="match_parent"
android:layout_height="wrap_content"
android:id="@+id/scrollView">

<LinearLayout
android:orientation="vertical"
android:layout_width="fill_parent"
android:layout_height="fill_parent">


<ImageView
android:layout_width="100dp"
android:layout_height="100dp"
android:id="@+id/imageUser"
android:src="@drawable/ic_launcher"
android:scaleType="centerCrop"
android:layout_alignParentTop="true"
android:layout_centerHorizontal="true"
android:layout_gravity="center_horizontal"
android:layout_marginTop="30dp" />

<TextView
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:textAppearance="?android:attr/textAppearanceLarge"
android:text="Large Text"
android:id="@+id/textUsername"
android:layout_below="@+id/icondrawner"
android:layout_centerHorizontal="true"
android:layout_gravity="center_horizontal"
android:layout_marginTop="20dp"
android:layout_marginBottom="10dp" />

<Button
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:text="@string/action_sign_in"
android:id="@+id/buttonLogin"
android:layout_alignTop="@+id/textView2"
android:layout_alignLeft="@+id/textView2"
android:layout_alignStart="@+id/textView2"
android:layout_gravity="center_horizontal"
android:layout_marginTop="10dp"
android:layout_marginBottom="20dp"
android:visibility="visible"
style="@style/Button" />

<android.support.v7.widget.CardView
android:layout_width="match_parent"
android:layout_height="wrap_content"
android:orientation="horizontal"
android:id="@+id/card_new_post"
card_view:cardElevation="2dp"
card_view:cardCornerRadius="5dp"
android:stateListAnimator="@drawable/translation_selector"
android:clickable="true"
android:layout_marginLeft="10dp"
android:layout_marginRight="10dp">

<LinearLayout
android:layout_width="fill_parent"
android:layout_height="wrap_content"
android:orientation="horizontal">

<LinearLayout
android:layout_width="match_parent"
android:layout_height="wrap_content"
android:orientation="vertical"
android:padding="8dp"
android:layout_weight="1">

<TextView
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:textAppearance="?android:attr/textAppearanceLarge"
android:text="@string/news"
android:id="@+id/texttitle_newpost"
android:textStyle="bold|italic" />

<TextView
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:textAppearance="?android:attr/textAppearanceMedium"
android:text="@string/news_post_comment"
android:id="@+id/textComment_newpost"
android:textStyle="italic" />


</LinearLayout>

<TextView
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:textAppearance="?android:attr/textAppearanceMedium"
android:text="0"
android:textColor="@android:color/white"
android:id="@+id/textBadge_newpost"
android:layout_gravity="center_vertical"
android:padding="10dp"
android:background="@drawable/badge"
android:layout_marginRight="10dp" />
</LinearLayout>
</android.support.v7.widget.CardView>

<android.support.v7.widget.CardView
android:id="@+id/card_new_mps"
android:layout_width="match_parent"
android:layout_height="wrap_content"
android:orientation="horizontal"
card_view:cardElevation="2dp"
card_view:cardCornerRadius="5dp"
android:stateListAnimator="@drawable/translation_selector"
android:clickable="true"
android:layout_marginLeft="10dp"
android:layout_marginRight="10dp">

<LinearLayout
android:layout_width="fill_parent"
android:layout_height="wrap_content"
android:orientation="horizontal">


<LinearLayout
android:layout_width="match_parent"
android:layout_height="wrap_content"
android:orientation="vertical"
android:padding="8dp"
android:layout_weight="1">

<TextView
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:textAppearance="?android:attr/textAppearanceLarge"
android:text="@string/news_mps"
android:id="@+id/texttitle_newmps"
android:textStyle="bold|italic" />

<TextView
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:textAppearance="?android:attr/textAppearanceMedium"
android:text="@string/news_mps_comment"
android:id="@+id/textComment_newmps"
android:textStyle="italic" />


</LinearLayout>

<TextView
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:textAppearance="?android:attr/textAppearanceMedium"
android:text="0"
android:textColor="@android:color/white"
android:id="@+id/textBadge_newmps"
android:layout_gravity="center_vertical"
android:padding="10dp"
android:background="@drawable/badge"
android:layout_marginRight="10dp" />
</LinearLayout>
</android.support.v7.widget.CardView>


</LinearLayout>
</ScrollView>

</FrameLayout>


Y el segundo fragment:

<FrameLayout xmlns:android="http://schemas.android.com/apk/res/android"
xmlns:tools="http://schemas.android.com/tools"
android:layout_width="match_parent"
android:layout_height="match_parent"
android:orientation="vertical"
android:id="@+id/fragment_new_post"
tools:context="com.amsspecialist.fragments.NewPOST_Fragment">

<android.support.v7.widget.RecyclerView
android:id="@+id/listnew_post"
android:scrollbars="vertical"
android:layout_width="match_parent"
android:layout_height="match_parent"/>


</FrameLayout>


Bueno ,alguna sugerencia?
prueba con TRANSIT_FRAGMENT_CLOSE

ps: omgggggg Imagen
ya lo solucione con poner el fondo con color XD , pero un replace es un replace eso es lo que me entraña que NO lo reemplace.
fondo no transparente = solucion cutre xd

yo no sustituiria el fragmento, sino que crearia o mostraria elementos ocultos, como con un cardviwer
si ya había pensad añadir un fragmento royo spoiler y hacerlo visible o no , pero esto en resoluciones grandes esta bien pero en un móvil es demasiado.