No background scrolling

Does anyone know how to set the background image on a Web site for does not scroll with the page?

The easiest way would be to use the attribute background-attachment with fixed to the value...

{.yourclass}

background - image: URL (yourimage.jpg);

background-repeat: repeat no.;

background-attachment: fixed;

}

Tags: Dreamweaver

Similar Questions

  • Is it possible that I can have my background scroll from top to bottom of the image

    Original title: scrolling background

    One of my friends has recently done a photo for me I would really like to have as my background, but it is very vertical. Is it possible that I can have my background scroll from top to bottom of the picture and then go back to the top?

    Backgrounds can not move, don't.

  • Can I move the location of a lightbox popup or background scrolling?

    Is there a way I can change the position of the default center of a lightbox view? He is currently popping up and covering the face of the person, I want someone to read. If this is not possible, it would be possible to make the background scroll while the viewer display is open so that the user can still see the face of who they are by clicking on at any time?

    Please refer to this link to a reference what I'm talking about: the new TEAM Page

    Thanks for your help!

    -Lauren

    Simply - you don't need to use a lightbox. Use the ToolTip mode and the position of the target window that you need.

  • background scrolls, how to stop it?

    Hello

    I am currently using

    and

    CSS is

    .BG {width: 100%;}     height: 95%;     position: absolute;     top: 0;     left: 0;     z index:-5000;

    But on smaller screens, I noticed that the background scrolls with the content.

    Is there a simple solution to stop this?

    Thank you

    Use position: fixed .bg {position: fixed ;...}}  Fixed the will hold it in place

    and if you add the image via the background property use background-attachment: fixed;

  • Why a DW still fixed background scrolling on Apple devices?

    My fixed background shows perfectly on my computers and all Android devices, but always scrolls on my iMac, iPad and iPhone. Is someone can you please tell me what I can do about it?

    It is a known problem in iOS. What I've read, a fixed background is a bit of a hog when it comes to mobile device resources and this feature has been disabled in the browser itself. A work-around, I have seen is to define another container in the background with position: fixed and give this container in the background. But of course, this requires a few moderate recovery in your HTML for very little profit.

    Most of the sites will simply fall background image in mobile media query to declutter the smaller space.

  • I'm pulling my hair out trying to identify the parameter that prevents the background scroll

    CSS code below

    {body

    text-align: center;

    make-style: normal;

    Police: 100% Verdana, Arial, Helvetica, without serif.

    do-size: 12px;

    Color: #000;

    background-image: url('/images/bg.gif');

    background-attachment: scroll;

    background-position: top center;

    left margin: 0px;

    margin-right: 0px;

    margin-top: 0px;

    margin-bottom: 0px;

    Top: 0px;

    float: left;

    Width: 100%;

    }

    I need the image that will be implemented horizontally but vertically scroll. Any help would be greatly appreciated.

    You have changed it in your CSS, but you have that yourthat is overwhelming. Delete this whole section of your page and it works.

    {body

    background-color: transparent;

    background-repeat: no-repeat;

    background-attachment: scroll;

    }

    You should also remove position: absolute of your body in the CSS file. It is not necessary.

  • HELP: Web site configuration of fireworks background scrolling for the export of Dreamweaver

    help.jpg

    That's what I designed for my site so far (attached image) the light green rectangle is the box I would like to thank for the user to scroll down for more information while on the Web site. How can I set up this picture/feature for dreamweaver CS4 html compatible.
    Can I use the scale to 9 of cuts or export a small horizontal image that repeats in the background or what.
    ????

    Please help me.

    Thank you.

    In all cases, you write the code in Dreamweaver (or another creation tool or a text editor). It is not done in Fireworks. Fireworks is not a HTML authoring environment element.

  • Background fill appropriate size issue of scrolling movement. Help, please...

    I'm having a problem with the background fill. I use at least a 2500px wide image. It seems that when I checked scroll, the image resized to fit the browser normally when I preview the page. However, if I turn scrolling off the coast, when previewing the page, the background image reduced by 30 to 50% and no longer scales to adapt to. As soon as I get back, see scroll even once, it then scales to fit as usual.  This also happens if I checked and then the value 0 initial and final scroll movement. Once again, it reduces the clutter and stops scaling to fit. As soon as I put any value in the initial and final query, it reduces the image.

    When you do the same above on a master page, using the same image, even with active scroll, the image isn't scaling to fit.

    This brings me to the second question. Custom background scrolling does not work. No matter what I put the values, the browser always scrolls the background image, even if I change the speed or direction, it remains at 1 and in the movement of top.

    How can I fix?

    Thank you!

    This is due to the fact of the size of the image and scroll the parameters with filling, please check this post which includes a similar discussion:

    https://forums.Adobe.com/thread/1362457

    In addition this will help you:

    https://helpx.Adobe.com/Muse/how-to/muse-size-resolution-graphics.html

    Thank you

    Sanjit

  • 5.0 inertial scrolling problem

    Hi, I'm trying to understand why this bug seems to occur in one of my programs on a Storm 2. First of all, some simplified code to reproduce the problem.

    public class MyScreen extends FullScreen {
    
        public MyScreen() {
            this(new VerticalFieldManager(VERTICAL_SCROLL | VERTICAL_SCROLLBAR));
        }
    
        protected MyScreen(VerticalFieldManager manager) {
            super(manager, 0);
    
            add(new RichTextField("First item"));
            add(new RichTextField("item 2"));
            add(new RichTextField("item 3"));
            add(new RichTextField("item 4"));
            add(new RichTextField("item 5"));
            add(new RichTextField("item 6"));
            add(new RichTextField("item 7"));
            add(new RichTextField("item 8"));
            add(new RichTextField("item 9"));
            add(new RichTextField("item 10"));
            add(new RichTextField("item 11"));
            add(new RichTextField("item 12"));
            add(new RichTextField("item 13"));
            add(new RichTextField("item 14"));
            add(new RichTextField("item 15"));
            add(new RichTextField("item 16"));
            add(new RichTextField("item 17"));
            add(new RichTextField("item 18"));
            add(new RichTextField("item 19"));
            add(new RichTextField("last item"));
        }
    
        protected void paintBackground(Graphics g) {
            g.drawBitmap(0, 0, 480, 360, Bitmap.getBitmapResource("backgroundImage.png"), 0, 0);
        }
    }
    

    The new inertia scrolling seems to be the cause of my background scroll when I intend to let him remain in place. It ends by leaving pieces of the background in the places, that is not because I think that the VerticalFieldManager pulls effectively only the parts that need to be redrawn. I also tried to paint the background in painting, then by calling paintChild (g, manager), but it has the same problem.

    Is it possible to set up the Manager so that he knows is not to reach the bottom as well?

    Thank you

    David

    I think I have a similar problem. In one of my screens I use some RichtTextFields at the top of the screen and the rest of the screen if taken by a BrowserField. If the BrowserField is longer than the screen as the top is sometimes distorted. The solution that works for me is to add a ScollListener in the constructor of the screen that invalidates the screen when the user makes a scrolling:

    getMainManager().setScrollListener(new ScrollChangeListener() {  public void scrollChanged(Manager manager, int i, int j) {    invalidate();  }});
    

    Maybe it works for you as well?

  • Problem with adding a background - please help!

    Hi all

    I try to create my first BB app and run into a few problems with the addition of a background image on my screen.  I try to activate the background on my request without using the class BackgroundFactory I need this works for older BB models.

    I use EncodedImage so that I can to scale the context in which any size of BB.  I am aware of the loss of the aspect ratio, this isn't a problem for me.

    Here is my code:

    The background image.
    backgroundImage = EncodedImage.getEncodedImageResource("img/image.png");
           
    int currentWidthFixed32;
    int currentHeightFixed32;
    int requiredWidthFixed32;
    int requiredHeightFixed32;
    int scaleXFixed32;
    int scaleYFixed32;
           
    Get the dimensions of the current image in fixed-point number
    currentWidthFixed32 = Fixed32.toFP (backgroundImage.getWidth ());
    currentHeightFixed32 = Fixed32.toFP (backgroundImage.getHeight ());
           
    Get the dimensions of the image necessary in fixed-point number
    requiredWidthFixed32 = Fixed32.toFP (Display.getWidth ());
    requiredHeightFixed32 = Fixed32.toFP (Display.getHeight ());
           
    Calculate the scale factor
    scaleXFixed32 = Fixed32.div (currentWidthFixed32, requiredWidthFixed32);
    scaleYFixed32 = Fixed32.div (currentHeightFixed32, requiredHeightFixed32);
           
    Resize the image
    backgroundImage = backgroundImage.scaleImage32 (scaleXFixed32, scaleYFixed32);
    Imagearriereplan = backgroundImage.getBitmap ();

    Display display = new MainScreen();

    VerticalFieldManager verticalFieldManager = new VerticalFieldManager)
    VerticalFieldManager.USE_ALL_WIDTH |
    VerticalFieldManager.USE_ALL_HEIGHT |
    VerticalFieldManager.NO_HORIZONTAL_SCROLLBAR |
    VerticalFieldManager.NO_VERTICAL_SCROLLBAR |
    VerticalFieldManager.NO_HORIZONTAL_SCROLL |
    VerticalFieldManager.NO_VERTICAL_SCROLL) {}

    Override the paint method to draw the background image.
    {} public void paint (Graphics graphics)
    Draw the background image, then paint.
    graphics.drawBitmap (0, 0, backgroundBitmap.getWidth (), backgroundBitmap.getHeight (), Imagearriereplan, 0, 0);
    Super.Paint (Graphics);
    }
    };
    Add the handler to the screen.
    mainScreen.add (verticalFieldManager);
           
    VerticalFieldManager vfm2 = new VerticalFieldManager)
    VerticalFieldManager.NO_HORIZONTAL_SCROLLBAR |
    VerticalFieldManager.VERTICAL_SCROLLBAR |
    VerticalFieldManager.NO_HORIZONTAL_SCROLL |
    VerticalFieldManager.VERTICAL_SCROLL);
           
    verticalFieldManager.add (vfm2);
           
    The LabelField will be visible through the transparent image.
    LabelField labelField is new LabelField ("is a label");.
    ButtonField buttonField = new ButtonField ("asdf");

    Add the fields to the Manager.
    vfm2. Add (labelField);
    labelField = new LabelField ("this is a label");
    vfm2. Add (labelField);
    labelField = new LabelField ("this is a label");
    vfm2. Add (labelField);
    labelField = new LabelField ("this is a label");
    vfm2. Add (labelField);
    labelField = new LabelField ("this is a label");
    vfm2. Add (labelField);
    labelField = new LabelField ("this is a label");
    vfm2. Add (labelField);

    vfm2. Add (buttonField);
    buttonField = new ButtonField ("asdf2");
    vfm2. Add (buttonField);
    buttonField = new ButtonField ("asdf3");
    vfm2. Add (buttonField);
    buttonField = new ButtonField ("asdf4");
    vfm2. Add (buttonField);
    labelField = new LabelField ("this is a label");
           
    Tap on the screen.
    pushScreen (mainScreen);

    I want the "image.png" to act as a 'real' background, however, when I run the above code, the image.png appears in the form of the background, but when I scroll down, the background scrolls as well, and I see a white space.  I want to have "image.png" would you like the background permanently and add another manager who would be scrolling if scrolling is required.

    What I'm doing wrong here?  Why I can't see the vertical scroll bar and why the background is not scrollable?

    Any help is appreciated!

    See you soon!

    Make sure that you set the FullScreen.DEFAULT_MENU property - this will give you the default system menu items.

    You add your menu items by substituting makeMenu().

  • Setting a background image

    I have a background image that has a master image on the right. I have all my text, logo, content, navigation, aligned to the left. I want the background set for the main image is always show in its entirety on the right side of the browser, while the content on the left scrolls on (or near) the bottom regardless of the amount of content is there.

    I thought I had the solution with the creation of this code in my stylesheet:

    {body

    background-image: url(Jill%20BackgroundKlytemnestra.png);

    background-repeat: no-repeat;

    background-position: 50% 50%;

    display: block;

    -moz-background-size: cover;

    -webkit-background-size: cover;

    background-size: cover;

    height: 1000px;

    background-color: #802536;

    }

    But it doesn't seem to work. The background scrolls with the content.

    The page is:

    www.jillgrovemezzo.com/bio.htm

    Regina

    Add in

    background-attachment: fixed;

    To fix the position of the background image. You also need to change the settings of % of the background to the pixel position so he can sit exactly where you want once you add the attachment setting.

  • V2.0 XML elements scroller question

    Can anyone help with resizing my Flash file please? I buy the v2.0 of Scroller XML elements and has got, it works well in CS4 Pro. However, now I'm trying to resize the stage to 100 pixels. The original file has been a scene of 300px. I resized the canvas and the background image and I moved everything in layers to the top. However, if I move "Symbol6', which is where thumbnails are anchored, my thumbnails go behind the background scroll. I don't know why because they are on a layer above the background image of scroller. I'm new to Actionscript, so I thought I would try it with this scroller XML because elements that the other thing that I downloaded did not work. Then I downloaded a much too complicated tutorial. Someone please help before going bald! Please, I beg you!

    Here's the URL:

    http://www.savie.biz/Flash/item_scroller.html

    Here's how it looked at 300 pixels height:

    screen1.jpg

    I need to integrate it into my site, so I changed the bottom of th to black and resizes to 100 pixels high and that's what I got:

    screen2.jpg

    If I try to 'Symbol 6', which contains the thumbnails, thumbnails of scrolling go behind the background image like this:

    screen3.jpg

    UH! So close to the finish, but still until now! Does anyone have an idea as to what could be the problem please? I am a single mother and I need this a.s.a.p. is to apply for a job. Any help or suggestions are greatly appreciated. Thank you in advance.

    If you select this mask object and see an instance name assigned in the properties panel, then that could lead you to find that he is handled in the code of the Framework 2.

    If you can find a line that gives this object as a mask for the thumbnail movieclip... and this comment out line... and then run RL file and can see thumbnails in their entirety... so you can be sure you will need to modify the code for this mask to move his property there.  Do not let this comment line, this is just a test.

  • How? do step and unlimited background

    I want to make my unlimited game stageand background when when my character moves to the right

    How can I do?

    I wouldlove example code

    BTW, my background is a movieclip

    Merci                

    Hello

    you know - stage has finished dimensions (dimensions max) Runtime Flash:

    http://kb2.Adobe.com/CPS/496/cpsid_49662.html

    but I guess you're looking at what is called Parallax scrolling

    You could start with article entry (Flash/actionScript + source + demo files) here:

    http://active.tutsplus.com/tutorials/games/add-depth-to-your-game-with-Parallax-scrolling/

    (the car - actor in the game - moves to the right and background scrolls during this movement, etc.)

    HTH,

    Kind regards

    Peter

  • Blurry text after adding a keyframe to css

    After you have added a text key frame tent, all text on the page in view is hazy on the loading of the page but brightened after the scroll of the framing out of sight area & is ok even return the marquee again in sight. I see the same thing on the tables, but once again the page to scroll it lightens. Do not see this problem with chrome. Obviously, the marquee affects Firefox text rendering but is there a solution for this?

    OK, the fact of the background scrolling solves the problem of blurry text. I can live with, but prefer a fixed background, almost all sites today fixed it, everything seems better as it so hoping that firefox will look to find how it can take into account the mode & keep solid text. That solved this issue, but not the problem. thx for the feedback.

  • How to get this kind of GUI

    How to display the bar setting, profile and displayed such help in the image...

    the adjustment bar remains constant inside and the background scrolls vertically...

    Thanks in advance

    Just to add to the comments of Michael

    ButonField settingsButton = new ButtonFile ("Settings");

    ...

    HFM HorizontalFieldManager = new HorizontalFieldManager (HorizontalFieldManager.HCENTER);

    HFM. Add (settingsButton);

    ...

    this.setStatus (hfm);

    I'm sure you get the idea.

Maybe you are looking for

  • How is my lost iPhone disappeared iCloud?

    Hello world I was on vacation and I lost my iPhone 6s (iOS 9.3.1) A few hours after I lost it, I used "Find my iPhone" on my iPad: the iPad is connected but not the iPhone, because it was not connected to the internet (no active foreign country so 4G

  • mail and deleting files

    Hello I need help. I created a file named Appl5, write something in it and close it. Then, I open the same file, read the contents, and use this content as a body of the email. and at the same time use this file as an attachment to e-mail. and then s

  • BIOS pass

    Hello I have a laptop dv6-3124er, I put a bios password in a while now, I forgot what it is... after the 3rd time he knows says disable system and under that is these numbers [50987140] Please help thanks

  • Win 10 upgrade failure

    I can't upgrade to win 10. I get an error code "C1900101-20017'.» any help is greatly appreciated.

  • News about setting up VPN on ASA 551

    Hello I try for the first time to the VPN connections setup from outside back to the corporate network. With the help of the wizard of the SMDA to configure VPN access and it seems ok at first. I can connect to the ASA without problem, but I can't se