CODEWITHSUNDEEP
asp.net
pushpa
pushpa

Reputation:

How can I set an image as a background of asp.net page?

I simply want to set an image as a background of asp.net page. I can display image in simple format on web page, but can't apply it as background.

Upvotes: 0

Views: 86338

Answers (5)

hamzasalem
hamzasalem

Reputation: 1

 Using db As New MITLibrary.MITLibraryDataContext
                imagelink.NavigateUrl = db.SelectInnerBannerByPID(1).FirstOrDefault.Link
                bodyimage.ImageUrl = db.SelectInnerBannerByPID(1).FirstOrDefault.image
                bodyimage.ImageUrl = bodyimage.ImageUrl.Replace("~/SystemAssets/", "~/EchoBusV3.0/SystemAssets/")
                lnk1.Attributes.Add("Style", "background:url(" + bodyimage.ImageUrl + ") no-repeat top center; background-size:cover; min-height:280px;")
                lblTitle.Text = db.SelectInnerBannerByPID(1).FirstOrDefault.Title
                lblbrief.Text = db.SelectInnerBannerByPID(1).FirstOrDefault.Brief
                Lbltitle2.Text = db.SelectInnerBannerByPID(2).FirstOrDefault.Title
                Lblbreaf2.Text = db.SelectInnerBannerByPID(2).FirstOrDefault.Brief
                HyperLink1.NavigateUrl = db.SelectInnerBannerByPID(2).FirstOrDefault.Link
                Image3.ImageUrl = db.SelectInnerBannerByPID(2).FirstOrDefault.image
                Image3.ImageUrl = Image3.ImageUrl.Replace("~/SystemAssets/", "~/EchoBusV3.0/SystemAssets/")
                lnk2.Attributes.Add("Style", "background:url(" + Image3.ImageUrl + ") no-repeat top center; background-size:cover; min-height:280px;")


                If (db.SelectInnerBannerByPID(1).First.Target = 1) Then

                    imagelink.Target = "_blank"
                Else
                    imagelink.Target = "_parent"
                End If
                If (db.SelectInnerBannerByPID(2).First.Target = 1) Then

                    imagelink.Target = "_blank"
                Else
                    imagelink.Target = "_parent"
                End If

            End Using
        Catch ex As Exception

        End Try

Upvotes: 0

sac
sac

Reputation: 1

<body background="images/bg4.gif">
</body>

Upvotes: -2

Raithlin
Raithlin

Reputation: 1774

Use CSS. Add to the theme if you're using one, or a CSS file...

body {
  background-image: url(images/image.png);
}

Best practices recommend having this in a separate file, rather than the head of the document - and most certainly not inline.

Upvotes: 11

Lloyd
Lloyd

Reputation: 29668

This is a basic HTML thing, you need to do some CSS for example such as:

<style type="text/css">
body {
  background-image: url(background.jpg);
}
</style>

Upvotes: 0

user434917
user434917

Reputation:

set the background image style for the body element: 

<body style="background-image:url(bgr.jpg);">
...
</body>

Upvotes: 5

Related Questions