Html 添加图像以覆盖水平滚动页面部分上的所有基础div

Html 添加图像以覆盖水平滚动页面部分上的所有基础div,html,css,horizontal-scrolling,Html,Css,Horizontal Scrolling,我有一个页面,基本上按照我想要的方式运行,除了我希望每隔一段时间沿着水平滚动轨迹放置一个图像。此JS小提琴显示代码: 所以我要做的是添加一个图像,它是从左边开始的“滚动”DIV 1000px的高度。我尝试使用以下代码,但没有成功: <div class="Timeline_Break" style="margin-left:1000px;"> <div style="margin-left:1000px"><img src="http

我有一个页面,基本上按照我想要的方式运行,除了我希望每隔一段时间沿着水平滚动轨迹放置一个图像。此JS小提琴显示代码:

所以我要做的是添加一个图像,它是从左边开始的“滚动”DIV 1000px的高度。我尝试使用以下代码,但没有成功:

<div class="Timeline_Break" style="margin-left:1000px;">
                <div style="margin-left:1000px"><img src="http://s.w-x.co/TWC_logo_100x100.gif" style="width:20px;height:130px"></div>
            </div>
测试此代码


谷歌图表。。。
地图
工业
基础设施
个人

=谢谢您的回复。我不想添加另一个水平条,而是沿着现有水平条添加一个垂直图像1000px,以表示截面更改。有意义吗?不清楚问题。测试新代码??你的意思是吗?赛义德-我想我不清楚。与其添加一个小图标(20x20),您是否可以添加一个可以拉伸“Scroller”div(130px)高度的图标?我在
FooterRight
右侧添加了一个新图像,高度为:130pxSeyed-您是否将其添加到上面提供的原始JS小提琴中?
.Timeline_Break {

          position: fixed;
          z-index: 99;

}
<div id="Header">
    Google Chart ...
</div>

<div id="Map">Map</div>



<div id="Footer">
    <div id="FooterLeft">

        <div class="Timeline_Title">Industry</div>
        <div class="Timeline_Title">Infrastructure</div>
        <div class="Timeline_Title">Individuals</div>


    </div>

    <div id="FooterRight">
        <div id="Scrolling">

            <div class="Timeline_Banner">

                <div style="margin-left:400px;"><img src="http://upload.wikimedia.org/wikipedia/commons/d/d2/Bundesarchiv_Bild_183-J07989,_Berlin,_Sportpalast,_Waffen-SS-Angeh%C3%B6rige.jpg" style="width:20px;height:20px">
                </div>

            </div>

            <div class="Timeline_Banner">

                <div style="margin-left:700px"><img src="http://upload.wikimedia.org/wikipedia/commons/d/d2/Bundesarchiv_Bild_183-J07989,_Berlin,_Sportpalast,_Waffen-SS-Angeh%C3%B6rige.jpg" style="width:20px;height:20px">
                </div>
            </div>

            <div class="Timeline_Banner">
                <div style="margin-left:200px"><img src="http://upload.wikimedia.org/wikipedia/commons/d/d2/Bundesarchiv_Bild_183-J07989,_Berlin,_Sportpalast,_Waffen-SS-Angeh%C3%B6rige.jpg" style="width:20px;height:20px">
                </div>
            </div>

                <div style="color:red;position:relative">
                    <div style="color:blue;position:absolute;top:0px;left:500px"><img src="http://upload.wikimedia.org/wikipedia/commons/d/d2/Bundesarchiv_Bild_183-J07989,_Berlin,_Sportpalast,_Waffen-SS-Angeh%C3%B6rige.jpg" style="width:20px;height:130px">  
                </div>
            </div>

        </div>

    </div>


</div>