在html中的图像上滚动文本

Scroll text over an image in html

本文关键字：滚动 文本 图像 html      更新时间：2023-09-26

我想将我的内容滚动到此板中。如何做到这一点？链接到我想要滚动文本的图像：图像

我希望文本只能放在黑板部分。

我尝试了以下代码：

<style>
    #test { background: url("image/board.JPG") no-repeat top center fixed;
background-size: cover;
margin: 0;
padding: 0;
height: 100%;
width: 100%;}    
</style>
<div id="test">
   test test test test test test test test test test test <br/>
   test test test test test test test test test test test <br/>
   test test test test test test test test test test test <br/>
   test test test test test test test test test test test <br/>
     test test test test test test test test test <br/>
   test test test test test test test test test <br/>
   test test test test test test test test test <br/>
   test test test test test test test test test <br/>
   test test test test test test test test test test test <br/>
   test test test test test test test test test test test <br/>
   test test test test test test test test test test test <br/>
   test test test test test test test test test test test <br/>

</div>

<div id="test_parent">
<div id="test">
 test test test test test test test test test test test <br/>
 test test test test test test test test test test test <br/>
 test test test test test test test test test test test <br/>
 test test test test test test test test test test test <br/>
 test test test test test test test test test <br/>
 test test test test test test test test test <br/>
 test test test test test test test test test <br/>
 test test test test test test test test test <br/>
 test test test test test test test test test test test <br/>
 test test test test test test test test test test test <br/>
 test test test test test test test test test test test <br/>
  test test test test test test test test test test test <br/>

 </div>
</div>

 #test_parent { 
  background: url("http://s14.postimg.org/z0bjc6vht/boarlad_1.png") no-repeat top center fixed;
 background-size: cover;
margin: 0;
padding: 0;
height: 275px;
width: 100%;
padding-top: 15px;
padding-left: 145px;

}

   #test{
    width: 321px;
    height: 175px;
    overflow: auto;
    border: solid;  
 }
相关文章：