Inserted a background image and now it overlays all the data entry fields on the screen

Posted on 2011-05-12
Last Modified: 2012-05-11
I have developed an application in and using Visual Studio 10.  I am almost completed with the program and I decided to make the application look a little more presentable.  I downloaded a nice backgrouind .jpg from iStockphoto and dragged it to my canvas.  It looked great!!  When I ran the program the IE 8 Browser opened up and flashed the data entry field / web grid for a brief second and then the background made everything disappear.  You can barely see the top edge of my webpanel so I know everything is still behind it.  Is there something I need to do to tell the image that it is a background?  Here is the code:
<p><img alt="Red Streams of Light" class="style2" longdesc="Red Streams of Light" 
        src="Images/Red%20Streams%20of%20Light%20on%20Black.jpg" /></p>

Open in new window

Question by:kwh3856
    LVL 38

    Expert Comment

    by:Tom Beck
    You could try this.

    Add this to style2 class: background:url(Images/Red%20Streams%20of%20Light%20on%20Black.jpg)

    <div class="style2"></div>

    I would eliminate the spaces in the file name (%20).
    LVL 9

    Expert Comment

    Also get rid of the p tag , unless you really needed..

    If that doesnt work please post a screenshot , so we can visualize it better.. thanks
    LVL 8

    Accepted Solution

    Just set the z-index to 0 for the image
    LVL 12

    Expert Comment

    Add this to style2 class: background:url(Images/ABC.jpg)

    you need place spacer image in div tag.

    <div class="style2"><img src="Images/spacer.jpg" width='1px" height="1px" ></div>


    Write Comment

    Please enter a first name

    Please enter a last name

    We will never share this with anyone.

    Featured Post

    How to run any project with ease

    Manage projects of all sizes how you want. Great for personal to-do lists, project milestones, team priorities and launch plans.
    - Combine task lists, docs, spreadsheets, and chat in one
    - View and edit from mobile/offline
    - Cut down on emails

    IntroductionWhile developing web applications, a single page might contain many regions and each region might contain many number of controls with the capability to perform  postback. Many times you might need to perform some action on an ASP.NET po…
    Exception Handling is in the core of any application that is able to dignify its name. In this article, I'll guide you through the process of writing a DRY (Don't Repeat Yourself) Exception Handling mechanism, using Aspect Oriented Programming.
    In this sixth video of the Xpdf series, we discuss and demonstrate the PDFtoPNG utility, which converts a multi-page PDF file to separate color, grayscale, or monochrome PNG files, creating one PNG file for each page in the PDF. It does this via a c…
    This video gives you a great overview about bandwidth monitoring with SNMP and WMI with our network monitoring solution PRTG Network Monitor ( If you're looking for how to monitor bandwidth using netflow or packet s…

    779 members asked questions and received personalized solutions in the past 7 days.

    Join the community of 500,000 technology professionals and ask your questions.

    Join & Ask a Question

    Need Help in Real-Time?

    Connect with top rated Experts

    9 Experts available now in Live!

    Get 1:1 Help Now