尽管透明，自定义SeekBar拇指仍与进度线重叠

Question

我试图通过使用具有透明背景的自定义形状来增加拇指的触摸面积：

        <android.support.v7.widget.AppCompatSeekBar
        android:id="@+id/volumeControl"
        android:layout_width="0dp"
        android:layout_height="50dp"
        android:layout_gravity="center_vertical"
        android:layout_marginLeft="5dp"
        android:layout_marginRight="5dp"
        android:layout_weight="1"
        android:progressBackgroundTint="@color/white"
        android:progressTint="@color/colorAccent"
        android:thumb="@drawable/slider_thumb" />

对于拇指本身：

<?xml version="1.0" encoding="utf-8"?>

<item >
    <shape android:shape="rectangle">
        <solid
            android:color="@android:color/transparent"/>
        <size android:width="50dp" android:height="50dp" />
    </shape>
</item>
<item android:bottom="10dp"
    android:top="10dp"
    android:left="10dp"
    android:right="10dp">
    <shape android:shape="oval" android:gravity="center">
        <solid android:color="@color/white" />
    </shape>
</item>

我希望滑线仍然可见，但是会被“透明”区域覆盖（请参见下文）。我已经看到有人成功完成此操作的描述，但无法理解我做错了什么。