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:
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...
html,css,twitter-bootstrap
Currently I used this twitter-bootstrap popover: <button type="button" class="btn btn-default" style="margin-top:11px; padding-bottom:4px; padding-top:4px;" data-container="body" data-toggle="popover" data-trigger="focus" data-placement="left" data-content="Vivamus sagittis lacus vel augue laoreet rutrum faucibus."> Upgrade The output: How I can make the background overlay like bootstrap modal? My expected output I use this jquery to popover $(function(){ $('[data-toggle="popover"]').popover({ placement...
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,css,drop-down-menu
How can I remove the all the borders of the selectbox using css or Jquery ? My code, <select id="doctor_ch"> <option value="1" selected>One</option> <option value="2">Two</option> </select> CSS #doctor_ch{ background-color: #88AFF2; color:#fff; margin-top: 15px; } When I use this code it only changes the arrow style. I want to remove the...
html,css
I made a website for one of my clients, and I change the background and font color. Now on windows xp and smartphones the background changed color to the default color and the fonts remained the same. The website is simfest.ro I don't know what to do to make it...
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...