I am new in EXT.NET, I want to create the image button with the background path but tried many times about the imagebutton attributes but still not the expected position (especially on the PostionY), so I used the window and set the imagebutton inside, however, seems there are some spacing between the form inline to the background, so I cannot set the imagebutton on the top of screen, and there are something on the image box, below the code and attached the idea of the images on the roadpath but I cannot make it happen with the current code setting, could you give me some idea how to do, thanks

<%@ Page Title="Inbound Tracker" Language="C#" AutoEventWireup="true" CodeBehind="InboundTracker.aspx.cs" Inherits="eZConnect.InboundTracker" %>


<%@ Register assembly="Ext.Net" namespace="Ext.Net" tagprefix="ext" %>


<script runat="server">
    override protected void OnInit(EventArgs e)
    {
        base.OnInit(e);
    }

    protected void Page_Load(object sender, EventArgs e)
    {
        if (!X.IsAjaxRequest)
        {
             
        }
    }
 
    protected void Button_Click(object sender, DirectEventArgs e)
    {
       
    }
    

</script>

<!DOCTYPE html>

<html>
<head runat="server">
    <title>Inbound Tracker</title>
    <style>

        body {
            background-image: url("/images/shipment_path_blank.jpg");
            background-repeat:no-repeat;
            background-attachment:fixed;
            background-position:top;
        }
        
        .transparent-window,
        .transparent-window .x-window-body, 
        .transparent-window .x-panel-body {
            background-color: transparent;
        }
        
        .transparent-panel {
            background-color: transparent;
        }


    </style>
    </script>
</head>
<body>
    <ext:ResourceManager runat="server" Theme="None"/>
    <form runat="server">
        <ext:Window 
        ID="TransWindow1"
        runat="server" 
        Cls="transparent-window"
        Border="false"
        Header="false"
        initCenter="false"
        PageX="550"
        PageY="0"
        >
        <Items>
        
        <ext:ImageButton 
        runat="server" 
        ImageUrl="/images/shipment_small.png" 
        OverImageUrl="/images/shipment_big.png" 
        DisabledImageUrl="/images/shipment_small.png" 
        PressedImageUrl="/images/shipment_big.png"
        border="true"
            >
        <DirectEvents>
            <Click OnEvent="Button_Click" />
        </DirectEvents>
            </ext:ImageButton>
        </Items>
            </ext:Window>
     
    </form>
</body>
</html>
Click image for larger version. 

Name:	2021-01-11_124223.jpg 
Views:	9 
Size:	46.3 KB 
ID:	25489Click image for larger version. 

Name:	2021-01-11_124448.jpg 
Views:	10 
Size:	41.3 KB 
ID:	25490