html,css,asp.net , asp.net background in 3 pieces to be stationary
asp.net background in 3 pieces to be stationary
Question:
Tag: html,css,asp.net
I am developing asp.net webforms with a background that is made up of 3 images; top, left and right. The 3 pieces are cropped from a full image to accomodate for content body of 770px width in the middle. At present, these 3 images moves with the body content as I scroll down or up. I would like the background to remain stationary when I scroll the page. I use this code in plain html which works for a single full background image:
<head>
<meta http-equiv="Content-Type" content="text/html; charset=ISO-8859-1">
<title>Layout Example</title>
<link rel="stylesheet" type="text/css" href="./Layout Example_files/style.css">
<style type="text/css">
body{
background: url( "images/SoapBubbles.jpg" ) no-repeat fixed top center;
}
</style>
</head>
How do I do this in asp.net even for just one single image for the whole background?
Answer:
I would use a separate div and use fixed positioning on it. Example
<head>
<meta http-equiv="Content-Type" content="text/html; charset=ISO-8859-1">
<title>Layout Example</title>
<link rel="stylesheet" type="text/css" href="./Layout Example_files/style.css">
<style type="text/css">
.fixed-background{
background: url( "images/SoapBubbles.jpg" ) no-repeat fixed top center;
position:fixed;
z-index:-1;
top:0;
right:0;
left:0;
bottom:0;
}
</style>
</head>
<body>
<div class="fixed-background"></div>
<div class="content"></div>
</body>
Related:
css,wordpress,html-lists
I am adding some pages on a wordpress themed website. There is a table with 3 columns: 1st column will be the title (larger font). Since it looks better and editing is easier, I started using <ul> instead of <td> Even though it works fine on JSFIDDLE font-size on the...
jquery,html,css,jquery-ui
I have this custom video time UI slider to change the time of the YouTube video when scrubbed. My problem is that when the video is trying to load when the user is moving the slider, it causes the handle to jerk around and flip around. What I'm trying to...
javascript,html
I am submitting a form and loading loading gif in the same div by replacing html of form by html of loading image. I am first submitting the form then loading gif, because I have to replace the content of div(in which form exist) with loading image. Logs 1,2,3 are...
javascript,html,css
Let's say that I have <div id="printOnly"> <b>Title</b> <p> Printing content </p> </div> Is it possible to hide this div when page rendering and to show only when printing this div?...
javascript,html,css,image
I have two images side-by-side within a block-level container with arbitrarily different dimensions (as in, they could be any two images) that I want to dynamically adjust the width of so that the overall height of the two images is the same. I don't think this can be done in...
jquery,html
I have two tables. I want to delete unmatching rows. Compare with first column in Table1 and compare with first column in Table2. Table1 111 aaa 222 bbb 333 ccc Table2 333 xxx 444 zzz 111 vvv result of Table2 333 xxx 111 vvv I tried some thing here Please...
javascript,php,jquery,html,css3
I have a single page website and need to link the navigation to IDs in the page. I have three links: "About us", "Our Project", "contact". So if user clicks on "About ", the About section will be displayed, same with other links. Inside Our project there is Two buttons...