Transparent layer over a text on a button on an Android
===

I have a big button with a text in a one layer, and I would like to create a semi-transparent white layout under or over that text (cuz button will have a background picture, so I want to separate the text visually somehow).

How would I go about it? Should I create another layer that overlaps text, can I add a background just to the text of the button, or there is something else I can do?

Current structure goes like this:

    <LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    android:orientation="vertical" >

    <LinearLayout style="@style/layout_furniture" >

        <Button
            style="@style/button_furniture"
            android:text="@string/desks" />
             
    </LinearLayout>

    </LinearLayout>


Styled like this:

![button][1]

Thank you guys.

P.S. Background is this coded blue gradient for now, but it will be a picture background later on.

  [1]: http://i.stack.imgur.com/OffvA.jpg