Javascript文本-can'；我不能把它列出来

所以，我有一个功能，可以在一个图像上打印5个随机文本中的一个（在我的例子中，是一个记事本，就像在上面写字一样）

---

编辑2:在进一步检查问题之后，我发现

位置：绝对可能导致了这一切。第一次打印随机文本时，当第二次打印文本时，它会使用p.notepad中的相同坐标，这就是为什么它会在第一个文本的顶部打印。但是有一个位置：绝对是很重要的，否则它不会打印在我的记事本图像上。
这可能是CSS问题，而不是HTML问题。HTML的格式可能重叠。没有看到CSS是很困难的

下面是一个基本上你正在做但正在工作的示例：


使用：

要编辑源代码
我的第一个猜测是，您在notepad类上有绝对位置

试试这个CSS：

.notepad {
    position:relative;
}

不需要ul/li方法，您拥有的
就足够了。我同意css可能是罪魁祸首——你能发布你的css吗？
你有没有尝试过在图像上方浮动一个div（带绝对定位）？这样就可以了记事本的位置已经是相对的了。。只是为了好玩，我把它改成了：绝对，记事本的图像弄乱了页面，一般来说：p演示正常，但在我的代码中调整它，它会在同一行中打印随机文本。。这就是我编辑和共享的原因；从p.notepad获得了演示中打印的文本，尽管它甚至不再在记事本区域中，这就是重点。也许我必须使用display:block；就像我在演示中看到的那样？
#content {
    border-left:1px solid #000;
    border-right:1px solid #000;
    background:#ffffff;
    margin-left: 24.9%;
    width:75%;
    min-height:0;
    position:relative;  

.notepad {
        position: relative;
        background-repeat:no-repeat;  
        background-attachment:fixed; 
        width: 300px;
}

p.notepad {
    font-family:"Lucida Handwriting";
    position: absolute;
    top: 90px; 
    left: 65px;   
}

.notepad {
    position:relative;
}