I would do something like this: I did in this way ( http://jsfiddle.net/K5KjY/ ):

Question

0

Editorial Team

Asked: June 17, 20262026-06-17T07:20:28+00:00 2026-06-17T07:20:28+00:00

I would do something like this: I did in this way ( http://jsfiddle.net/K5KjY/ ):

0

I would do something like this:

enter image description here

I did in this way ( http://jsfiddle.net/K5KjY/ ):

CSS:

#container{

    width: 970px;
    margin: 0px auto;
}

#backdrop-slider img{ 
    position: fixed; /* <---- Problem should be here! */
    left: 0;
    right: 0;
    margin: 0px;
    width: 100%;
    height: 200px;
}  

#content{
    margin-top: 250px;
    width: 100%
}

HTML:

<body lang="en">
<div id="container">

    <div id="header">
        <h1>TITLE</h1>

        <div id="backdrop-slider">
            <img src="http://cf2.imgobject.com/t/p/original/fI3ucpgaVKOUcQ82vhgWmWuLlg2.jpg">
        </div> 
    </div>

    <div id="content">

        <div id="switcher">
          <p>
            <a href="#">Link 1</a>
            <a href="#">Link 2</a>
            <a href="#">Link 3</a>
          </p>
        </div>

        <div id="covers">

            <img src="http://cf2.imgobject.com/t/p/w185/zh9DXJhBdHVVaWiDURTipADamcK.jpg">

            <img src="http://cf2.imgobject.com/t/p/w185/zh9DXJhBdHVVaWiDURTipADamcK.jpg">
            <img src="http://cf2.imgobject.com/t/p/w185/zh9DXJhBdHVVaWiDURTipADamcK.jpg">
            <img src="http://cf2.imgobject.com/t/p/w185/zh9DXJhBdHVVaWiDURTipADamcK.jpg">
            <img src="http://cf2.imgobject.com/t/p/w185/zh9DXJhBdHVVaWiDURTipADamcK.jpg">
            <img src="http://cf2.imgobject.com/t/p/w185/zh9DXJhBdHVVaWiDURTipADamcK.jpg">
            <img src="http://cf2.imgobject.com/t/p/w185/zh9DXJhBdHVVaWiDURTipADamcK.jpg">
        </div>


    </div>


</div>

</body>

But, in this way, if I scroll down I’ll get this:
enter image description here
I would that “backdrop-slider” goes up while scrolling down